*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#e63946;--red-light:#ffeaec;--blue:#1d3557;--blue-mid:#2b5faa;--blue-light:#eef3fb;--gold:#f4a261;--green:#2a9d8f;--gray:#6b7280;--border:#e5e7eb;--bg:#fff;--bg2:#f9fafb;--text:#111827}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border);height:70px;justify-content:space-between;padding:0 60px;position:sticky;top:0;z-index:100}.nav,.nav-brand{align-items:center;display:flex}.nav-brand{gap:12px}.nav-icon{align-items:center;background:var(--red);border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.brand-name{color:var(--blue);font-size:18px;font-weight:700;line-height:1.1}.brand-sub{color:var(--gray);font-size:11px;letter-spacing:.04em}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--gray);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--blue)}.nav-cta{background:var(--red);border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 22px;transition:background .2s,transform .15s}.nav-cta:hover{background:#c0303c;transform:translateY(-1px)}.hero{align-items:center;box-sizing:border-box;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 60px;width:100%}.hero-section-wrap{align-items:center;background:var(--bg);display:flex;min-height:calc(100vh - 70px)}.hero-badge{align-items:center;background:var(--blue-light);border-radius:999px;color:var(--blue-mid);display:inline-flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.03em;margin-bottom:8px;padding:5px 12px}.hero-badge .dot{background:var(--blue-mid);border-radius:50%;height:6px;width:6px}.hero h1{color:var(--blue);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.2;margin-bottom:10px}.hero h1 span{color:var(--red)}.hero-desc{margin-bottom:10px}.hero-desc,.hero-disclaimer{color:var(--gray);font-size:13px;line-height:1.65;max-width:480px}.hero-disclaimer{font-style:normal;margin-bottom:18px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{background:var(--red);border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:13px 28px;transition:all .2s}.btn-primary:hover{background:#c0303c;box-shadow:0 8px 24px #e6394640;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1.5px solid var(--border);border-radius:9px;color:var(--blue);cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:13px 28px;transition:all .2s}.btn-secondary:hover{background:var(--blue-light);border-color:var(--blue)}.hero-rating{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;margin-top:12px;padding-top:12px}.stars{color:#f59e0b;font-size:16px}.rating-text{color:var(--gray);font-size:13px}.rating-text strong{color:var(--text)}.rating-disclaimer{color:#9ca3af;font-size:11px;font-style:italic}.hero-image-wrap{position:relative}.hero-img{border-radius:20px;height:300px;overflow:hidden;width:100%}.hero-float-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000001f;display:flex;gap:10px;padding:14px 18px;position:absolute}.hero-float-card.card-a{bottom:24px;left:-24px}.hero-float-card.card-b{right:-24px;top:24px}.float-icon{font-size:28px}.float-label{color:var(--gray);font-size:11px}.float-val{color:var(--blue);font-size:16px;font-weight:700}.avatar,.avatar-stack{display:flex}.avatar{align-items:center;background:#e5e7eb;border:2px solid #fff;border-radius:50%;font-size:14px;height:30px;justify-content:center;margin-left:-8px;overflow:hidden;width:30px}.avatar:first-child{margin-left:0}section{padding:80px 60px}.section-inner{margin:0 auto;max-width:1200px}.eyebrow{color:var(--red);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.section-title{color:var(--blue);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.2;margin-bottom:16px}.section-desc{color:var(--gray);font-size:16px;line-height:1.75;max-width:600px}.about-section{background:var(--bg2)}.about-grid{align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.about-image{border-radius:20px;height:380px;overflow:hidden;width:100%}.about-check-list{list-style:none;margin:24px 0 32px}.about-check-list li{align-items:flex-start;border-bottom:1px solid var(--border);color:var(--gray);display:flex;font-size:14px;gap:12px;padding:8px 0}.about-check-list li:last-child{border:none}.check-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#15803d;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;margin-top:2px;width:20px}.pos-header{margin-bottom:52px;text-align:center}.pos-header .section-desc{margin:0 auto}.pos-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.pos-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;overflow:hidden;padding:32px;position:relative;transition:all .25s ease}.pos-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.pos-card:hover{border-color:transparent;box-shadow:0 12px 40px #0000001a;transform:translateY(-4px)}.pos-card-youth:before{background:#3b82f6}.pos-card-mid:before{background:var(--gold)}.pos-card-senior:before{background:var(--green)}.pos-card-youth:hover{border-color:#bfdbfe}.pos-card-mid:hover{border-color:#fde68a}.pos-card-senior:hover{border-color:#a7f3d0}.pos-age-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:20px;padding:4px 12px;text-transform:uppercase}.youth-badge{background:#eff6ff;color:#2563eb}.mid-badge{background:#fffbeb;color:#b45309}.senior-badge{background:#ecfdf5;color:#065f46}.pos-icon{font-size:36px;margin-bottom:14px}.pos-title{color:var(--blue);font-size:18px;font-weight:700;line-height:1.3;margin-bottom:6px}.pos-en{font-size:11px;letter-spacing:.05em;margin-bottom:16px}.youth-en{color:#2563eb}.mid-en{color:#b45309}.senior-en{color:#065f46}.pos-divider{background:var(--border);height:1px;margin-bottom:16px}.pos-desc{color:var(--gray);font-size:13px;line-height:1.75;margin-bottom:20px}.pos-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.pos-tag{background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--gray);font-size:11px;padding:4px 10px}.pos-apply{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.pos-apply-youth{background:#eff6ff;color:#2563eb}.pos-apply-youth:hover{background:#2563eb;color:#fff}.pos-apply-mid{background:#fffbeb;color:#b45309}.pos-apply-mid:hover{background:var(--gold);color:#fff}.pos-apply-senior{background:#ecfdf5;color:#065f46}.pos-apply-senior:hover{background:var(--green);color:#fff}.features-section{background:var(--blue)}.features-section .section-title{color:#fff}.features-section .eyebrow{color:#93c5fd}.features-section .section-desc{color:#ffffffa6}.feat-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:48px}.feat-card{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:28px;transition:background .2s}.feat-card:hover,.feat-icon-wrap{background:#ffffff1a}.feat-icon-wrap{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.feat-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.feat-desc{color:#fff9;font-size:13px;line-height:1.7}.stats-bar{background:var(--red);padding:48px 60px}.stats-inner{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;text-align:center}.stat-num{color:#fff;font-size:42px;font-weight:800;line-height:1}.stat-plus{font-size:28px}.stat-label{color:#ffffffbf;font-size:13px;margin-top:6px}.stat-disclaimer{color:#ffffff80;font-size:11px;font-style:italic;margin-top:4px}.testimonials-section{background:var(--bg2)}.test-header{margin-bottom:48px;text-align:center}.test-header .section-desc{margin:0 auto}.test-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.test-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;transition:box-shadow .2s}.test-card:hover{box-shadow:0 8px 32px #00000014}.test-stars{color:#f59e0b;display:flex;font-size:14px;margin-bottom:14px}.test-quote{color:var(--gray);font-size:14px;font-style:italic;line-height:1.75;margin-bottom:20px}.test-author{gap:12px}.test-author,.test-avatar{align-items:center;display:flex}.test-avatar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;font-size:20px;height:44px;justify-content:center;width:44px}.test-name{color:var(--blue);font-size:14px;font-weight:600}.test-role{color:var(--gray);font-size:12px}.cta-section{background:linear-gradient(135deg,var(--blue) 0,#2b5faa 100%);padding:80px 60px;text-align:center}.cta-section h2{color:#fff;font-size:36px;font-weight:800;margin-bottom:14px}.cta-section p{color:#ffffffb3;font-size:16px;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:500px}.footer{background:var(--blue);border-top:1px solid hsla(0,0%,100%,.08);color:#fff9;padding:48px 60px 28px}.footer-grid{display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 40px;max-width:1200px}.footer-brand-icon{align-items:center;background:var(--red);border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:14px;width:40px}.footer-brand-name{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.footer-brand-desc{font-size:13px;line-height:1.7;max-width:220px}.footer-col h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ffffff8c;font-size:13px;transition:color .2s}.footer-col ul li a:hover{color:#fff}.footer-contact-item{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.footer-bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:24px}.footer-bottom a{color:#fff6;transition:color .2s}.footer-bottom a:hover{color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.anim{animation:fadeUp .7s ease forwards;opacity:0}.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}@media(max-width:768px){.nav{padding:0 20px}.brand-sub,.nav-cta,.nav-links{display:none}section{padding:60px 20px}.hero{gap:40px;grid-template-columns:1fr;padding:50px 20px 40px}.hero-section-wrap{display:block;min-height:unset}.hero-img{height:260px}.hero-float-card.card-b{gap:6px;padding:10px 12px;right:0}.hero-float-card.card-a{gap:6px;left:0;padding:10px 12px}.hero-float-card .float-label{font-size:9px}.hero-float-card .float-val{font-size:11px}.hero-float-card .float-icon-img{height:20px;width:20px}.hero-float-card .avatar,.hero-float-card .avatar img{height:24px;width:24px}.hero-rating{align-items:flex-start;flex-direction:column;gap:8px;margin-top:24px;padding-top:16px}.hero-desc{margin-bottom:8px}.hero-desc,.hero-disclaimer{font-size:14px;line-height:1.7}.hero-disclaimer{margin-bottom:20px}.stars{gap:3px}.star{height:14px;width:14px}.rating-text{font-size:12px}.rating-disclaimer{font-size:10px}.about-grid,.feat-grid,.pos-grid{grid-template-columns:1fr}.stats-bar{padding:40px 20px}.stats-inner{grid-template-columns:repeat(2,1fr)}.test-grid{grid-template-columns:1fr}.cta-section{padding:60px 20px}.footer{padding:40px 20px 24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{padding-top:20px}}.contact-form-wrap{padding:32px 36px 36px}.form-group{margin-bottom:22px}.form-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-label{color:var(--blue);display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.required{color:var(--red)}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1.5px solid var(--border);border-radius:9px;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #2b5faa1a}.has-error .form-input{border-color:var(--red)}.has-error .form-input:focus{box-shadow:0 0 0 3px #e639461a}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-textarea{min-height:100px;resize:vertical}.input-with-prefix{align-items:stretch;display:flex;gap:0}.country-code-wrap{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:9px 0 0 9px;border-right:none;display:flex;flex-shrink:0;padding:0 4px 0 12px;transition:border-color .2s,box-shadow .2s}.has-error .country-code-wrap{border-color:var(--red)}.country-code-plus{color:var(--gray);font-size:14px;font-weight:600;line-height:1;margin-right:2px}.country-code-input{background:transparent;border:none!important;border-radius:0!important;color:var(--blue);font-weight:600;outline:none;padding:11px 6px 11px 0!important;width:52px}.country-code-input,.country-code-input:focus{box-shadow:none!important}.country-code-wrap:after{align-self:center;background:var(--border);content:"";display:block;flex-shrink:0;height:20px;margin-left:6px;width:1px}.mobile-input{border-radius:0 9px 9px 0!important;flex:1}.form-hint{color:#9ca3af;display:block;font-size:11px;font-style:italic;margin-top:6px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:center;border:1.5px solid var(--border);border-radius:9px;color:var(--gray);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-option input[type=radio]{display:none}.radio-option.active,.radio-option:hover{background:var(--blue-light);border-color:var(--blue-mid);color:var(--blue)}.radio-option.active{font-weight:600}.radio-icon{font-size:16px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-option{align-items:center;border:1.5px solid var(--border);border-radius:9px;color:var(--gray);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-option input[type=checkbox]{display:none}.checkbox-option.active,.checkbox-option:hover{background:var(--blue-light);border-color:var(--blue-mid);color:var(--blue)}.checkbox-option.active{font-weight:600}.checkbox-badge{border-radius:999px;flex-shrink:0;font-size:10px;font-weight:700;padding:2px 8px}.badge-youth{background:#eff6ff;color:#2563eb}.badge-mid{background:#fffbeb;color:#b45309}.badge-senior{background:#ecfdf5;color:#065f46}.form-error{color:var(--red);display:block;font-size:12px;font-weight:500;margin-top:5px}.btn-submit{align-items:center;background:var(--red);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){background:#c0303c;box-shadow:0 8px 24px #e6394640;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .7s linear infinite;border:2.5px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.form-note{color:var(--gray);font-size:11px;font-style:italic;margin-top:12px;text-align:center}.success-banner{align-items:flex-start;background:#f0fdf4;border:1.5px solid #86efac;border-radius:14px;display:flex;gap:16px;padding:24px}.success-icon{flex-shrink:0;font-size:28px}.success-title{color:#15803d;font-size:16px;font-weight:700;margin-bottom:6px}.success-desc{color:#166534;font-size:14px;line-height:1.6}@media(max-width:768px){.contact-form-wrap{padding:24px 20px}.form-row{grid-template-columns:1fr}}
