:root {--primary: #6c63ff;--primary2: #5562ff;--dark: #13142c;--muted: #aeb3d8;--bg: #ededfc;--hero-top: #09052f;--hero-mid: #140a57;--hero-bottom: #3a1fa3;--white-08: rgba(255, 255, 255, .08);--white-10: rgba(255, 255, 255, .10);--white-14: rgba(255, 255, 255, .14);--white-18: rgba(255, 255, 255, .18);}body {font-family: system-ui;background: var(--bg);margin: 0 }.fw-bold {font-weight: 700;}.text-white {color: #fff !important;}.section {padding: 40px 0 }.header {position: fixed;top: 0;width: 100%;z-index: 9999;background: rgba(11, 9, 46, .72);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom: 1px solid rgba(255, 255, 255, .05);}.header .container {display: block }.header a.logo, .header li a {text-decoration: none;color: #fff;display: block }.header a.logo {float: left;padding: 10px 0 }.header ul {list-style: none;margin: 0;padding: 0;overflow: hidden }.header li a {padding: 14px 20px;font-weight: 600;letter-spacing: .01em }.header li a.active {background: transparent;position: relative }.header li a.active::after {content: "";position: absolute;left: 20px;right: 20px;bottom: 6px;height: 3px;border-radius: 999px;background: linear-gradient(90deg, var(--primary), #a566ff);}.menu {clear: both;max-height: 0;overflow: hidden;transition: .3s }.menu-btn {display: none }.menu-btn:checked~.menu {max-height: 260px }.menu-icon {float: right;padding: 30px 20px;cursor: pointer }.navicon, .navicon:before, .navicon:after {background: #fff;height: 2px;width: 18px;display: block;position: relative;content: "" }.navicon:before {position: absolute;top: 5px }.navicon:after {position: absolute;top: -5px }@media (min-width: 992px) {.header li {float: left }.menu {float: right;clear: none;max-height: none;overflow: visible }.menu-icon {display: none }}.hero {position: relative;background: radial-gradient(circle at 15% 30%, rgba(120, 100, 255, .25), transparent 25%), radial-gradient(circle at 85% 70%, rgba(175, 90, 255, .25), transparent 28%), linear-gradient(180deg, #0d063a, #2d1b86);}.hero:before {content: "";position: absolute;inset: 0;background: radial-gradient(circle at center, rgba(255, 255, 255, .05), transparent 55%), repeating-radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .04) 0 2px, transparent 2px 24px);opacity: .5;}.hero-pattern {}.hero-job {position: relative;overflow: hidden;padding-top: 90px;background: radial-gradient(circle at 18% 22%, rgba(114, 110, 252, .18), transparent 24%), radial-gradient(circle at 82% 24%, rgba(190, 90, 255, .18), transparent 24%), radial-gradient(circle at 50% 36%, rgba(118, 86, 255, .18), transparent 18%), linear-gradient(180deg, var(--hero-top) 0%, #12074e 42%, #341a98 100%);}.hero-job::before {content: "";position: absolute;inset: 0;background: radial-gradient(circle at 50% 22%, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, .05) 1px, transparent 2px, transparent 34px);background-size: 100% 100%;opacity: .42;pointer-events: none;}.hero-job::after {content: "";position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(8, 4, 39, .08), rgba(8, 4, 39, .22)), radial-gradient(circle at 50% 65%, rgba(160, 120, 255, .18), transparent 32%);pointer-events: none;}.hero-blur {position: absolute;border-radius: 50%;filter: blur(30px);opacity: .8;pointer-events: none }.hero-blur-1 {width: 340px;height: 340px;left: -80px;top: 40px;background: radial-gradient(circle, rgba(123, 93, 255, .35), rgba(123, 93, 255, 0));}.hero-blur-2 {width: 420px;height: 420px;right: -100px;bottom: 120px;background: radial-gradient(circle, rgba(194, 89, 255, .30), rgba(194, 89, 255, 0));}.hero-inner {position: relative;z-index: 2 }.hero-content {margin: 0 auto;position: relative }.img-area {background: url(../images/hero-image.webp) center bottom / 900px no-repeat;padding-top: 20px;padding-bottom: 300px;}.hero-badge {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;padding: 12px 24px;border-radius: 999px;border: 1px solid rgba(152, 135, 255, .35);background: rgba(108, 99, 255, .10);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 10px 30px rgba(41, 22, 123, .28);color: #f3f2ff;font-weight: 700;letter-spacing: .02em;margin-bottom: 24px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.hero-title {margin: 0;font-size: clamp(2.7rem, 7vw, 3.3rem);line-height: 1.3;font-weight: 700;letter-spacing: -0.04em;color: #fff;text-shadow: 0 10px 35px rgba(0, 0, 0, .18);}.hero-title span {color: #DAB6FF;}.hero-subtitle {margin: 24px auto 0;font-size: clamp(.8rem, 2vw, 1.2rem);line-height: 1.7;color: rgba(255, 255, 255, .86);font-weight: 400;}.hero-search-form {position: relative;z-index: 3 }.search-box {background: rgba(255, 255, 255, .10);border: 1px solid rgba(255, 255, 255, .16);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border-radius: 24px;padding: 18px;box-shadow: 0 24px 60px rgba(6, 8, 40, .28), inset 0 1px 0 rgba(255, 255, 255, .08);}.search-box .form-control {min-height: 62px;border-radius: 50px;border: 1px solid rgba(255, 255, 255, .12);background: rgba(255, 255, 255, .97);box-shadow: none;padding: 0 18px;font-size: 1rem;}.search-box .form-control::placeholder {color: #8a8fb4 }.search-box .form-control:focus {border-color: #9d93ff;box-shadow: 0 0 0 .25rem rgba(108, 99, 255, .16);}.hero-search-btn {min-height: 62px;font-size: 1rem;font-weight: 800;letter-spacing: .02em }.hero-highlights {display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;max-width: 1180px;margin: 46px auto 0;position: relative;z-index: 3;}.hero-highlight-card {position: relative;text-align: left;padding: 26px 24px 24px;border-radius: 24px;background: rgba(18, 11, 75, .42);border: 1px solid rgba(255, 255, 255, .12);box-shadow: 0 24px 50px rgba(5, 8, 40, .24), inset 0 1px 0 rgba(255, 255, 255, .08);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;}.hero-highlight-card:hover {transform: translateY(-6px);box-shadow: 0 28px 60px rgba(5, 8, 40, .28), inset 0 1px 0 rgba(255, 255, 255, .12);border-color: rgba(170, 150, 255, .28);}.hero-highlight-icon {width: 58px;height: 58px;border-radius: 18px;display: flex;align-items: center;justify-content: center;color: #fff;background: linear-gradient(135deg, rgba(108, 99, 255, .95), rgba(170, 90, 255, .95));box-shadow: 0 14px 30px rgba(108, 99, 255, .28);}.hero-highlight-icon svg {width: 26px;height: 26px }.hero-highlight-card p {margin: 0 0 10px;font-size: 1.18rem;font-weight: 800;color: #fff }.form-control, .form-select {padding: 15px 30px;border-radius: 50px;}.section-tag {position: relative;display: inline-flex;align-items: center;gap: 12px;font-weight: 600;}.section-tag::before, .section-tag::after {content: "";width: 50px;height: 2px;background: #6c63ff;border-radius: 10px;}.section-tag::before {margin-right: 6px }.section-tag::after {margin-left: 6px }.section-title {text-align: center;font-size: clamp(2rem, 4vw, 3.4rem);font-weight: 800 }.section-desc {max-width: 760px;margin: 18px auto 55px;text-align: center;color: #000;font-size: 1.1rem }.about-card {background: #fff;border-radius: 28px;padding: 70px;box-shadow: 0 25px 60px rgba(45, 51, 109, .08);position: relative;overflow: hidden;}.about-card:before {content: "";position: absolute;right: -120px;top: -120px;width: 320px;height: 320px;background: radial-gradient(circle, #ebe9ff, transparent 70%);}.about-card:after {content: "";position: absolute;left: -80px;bottom: -80px;width: 220px;height: 220px;border: 2px dashed rgba(108, 99, 255, .08);border-radius: 50%;}.check-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px 12px;margin: 35px 0 }.check-item {display: flex;align-items: center;font-weight: 600 }.check {width: 26px;height: 26px;border-radius: 50%;background: #ece9ff;color: var(--primary);display: flex;align-items: center;justify-content: center;margin-right: 10px;font-size: 13px;}.company {background: #fff;border-radius: 24px;box-shadow: 0 20px 45px rgba(0, 0, 0, .06);padding: 28px;text-align: center;}.logo-box {border: 2px dashed #cfd2ff;border-radius: 20px;background: #fafaff;display: flex;align-items: center;justify-content: center;color: #8c8fb4;height: 80px;margin-bottom: 15px;}.feature-card {background: #fff;border-radius: 22px;padding: 28px;box-shadow: 0 15px 40px rgba(0, 0, 0, .06);}.feature-icon {width: 120px;height: 50px;border-radius: 16px;background-image: linear-gradient(90deg, #5132A6 0%, #726EFC 100%);display: flex;align-items: center;justify-content: center;margin-right: 18px;color: #fff;}.pattern {background: radial-gradient(circle at 15% 20%, rgba(108, 99, 255, .08), transparent 22%), radial-gradient(circle at 88% 75%, rgba(108, 99, 255, .08), transparent 22%), linear-gradient(rgba(108, 99, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 99, 255, .04) 1px, transparent 1px), #f5f4ff;background-size: auto, auto, 40px 40px, 40px 40px;}.section-pattern {background: linear-gradient(rgba(108, 99, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 99, 255, .04) 1px, transparent 1px), #f5f4ff;background-size: 40px 40px;}.btn-theme {display: inline-block;padding: 17px 36px;border-radius: 50px;background: linear-gradient(135deg, var(--primary), var(--primary2));color: #fff;text-decoration: none;font-weight: 700;box-shadow: 0 18px 35px rgba(108, 99, 255, .28);}.btn-theme:hover {color: #fff;background: linear-gradient(135deg, #6159e0, #2531c1) }.footer {background: linear-gradient(135deg, #0f0e40, #07071d);color: #fff }.footer a {color: #fff;text-decoration: none }@media (max-width: 1199px) {.hero-highlights {gap: 16px }.hero-highlight-card {padding: 22px 18px }}@media (max-width: 991px) {.about-card:before {display: none;}.hero-job {clip-path: none;border-bottom-left-radius: 36px;border-bottom-right-radius: 36px;padding-top: 110px;padding-bottom: 90px;}.img-area {background: none;padding-bottom: 0 }.hero-title {font-size: clamp(2.4rem, 9vw, 4rem) }.hero-subtitle {max-width: 100%;font-size: 1rem;line-height: 1.7 }.hero-search-form {margin-top: 28px }.hero-highlights {grid-template-columns: 1fr;margin-top: 28px }.about-card {padding: 35px }.check-list {grid-template-columns: repeat(2, 1fr) }}@media (max-width: 767px) {.hero-job {padding-top: 95px;padding-bottom: 20px }.hero-badge {min-height: 42px;padding: 10px 18px;font-size: .92rem;margin-bottom: 18px }.search-box {padding: 14px;border-radius: 20px }.search-box .form-control, .hero-search-btn {min-height: 54px }.hero-highlight-card {text-align: center;padding: 22px 18px }}@media (max-width: 576px) {.check-list {grid-template-columns: 1fr }}label.error {color: red;font-size: 1rem;display: block;margin-top: 5px;}label.error.fail-alert {border: 2px solid red;border-radius: 4px;line-height: 1;padding: 2px 0 6px 6px;background: #ffe6eb;}input.valid.success-alert {border: 2px solid #4caf50;color: green;}input.error, textarea.error {border: 1px solid red !important;font-weight: 300;color: red;}.alert {border: 1px solid #0a3622;border-radius: 50px;background: #d1e7dd;padding: 10px;}.alert-success {color: #0a3622;}.form-group label {display: block;margin-bottom: 5px;}