.landing-root{--blue:#1a6cf5;--blue-bright:#3b82f6;--blue-glow:#1a6cf540;--indigo:#6366f1;--dark:#07090f;--dark2:#0d1117;--dark3:#111827;--surface:#ffffff0a;--border:#ffffff12;--text:#f0f4ff;--muted:#ffffff73;--dim:#ffffff2e;font-family:var(--font-plus-jakarta), sans-serif;background:var(--dark);color:var(--text);line-height:1.6;position:relative;overflow-x:hidden}.landing-root:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-root nav{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#07090fbf;justify-content:space-between;align-items:center;height:92px;padding:0 6vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-img{object-fit:contain;mix-blend-mode:screen;background:0 0;width:auto;max-width:220px;height:80px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:.3px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--blue);border-radius:10px;padding:9px 20px;color:#fff!important;font-size:13px!important;font-weight:600!important;transition:background .2s,transform .2s!important}.nav-cta:hover{transform:translateY(-1px);background:var(--blue-bright)!important}.nav-admin-btn{letter-spacing:.2px;background:#ffffff08;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;color:#ffffff80!important;border:1px solid #ffffff14!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important;display:inline-flex!important}.nav-admin-btn:hover{color:#ffffffd9!important;background:#ffffff12!important;border-color:#ffffff26!important;transform:none!important}.hero{text-align:center;justify-content:center;align-items:center;min-height:82vh;padding:96px 24px 56px;display:flex;position:relative;overflow:hidden}.hero-orb{pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite breathe;position:absolute}.hero-orb-1{background:radial-gradient(circle,#1a6cf52e 0%,#0000 65%);width:700px;height:700px;top:-200px;left:50%;transform:translate(-50%)}.hero-orb-2{background:radial-gradient(circle,#6366f11f 0%,#0000 65%);width:500px;height:500px;animation-delay:-4s;bottom:-100px;right:-100px}.hero-orb-3{background:radial-gradient(circle,#1a6cf51a 0%,#0000 65%);width:300px;height:300px;animation-delay:-2s;bottom:50px;left:-80px}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.08)translate(0)}}.hero-content{z-index:2;max-width:780px;position:relative}.hero-badge{color:var(--blue-bright);letter-spacing:1.5px;text-transform:uppercase;background:#1a6cf51f;border:1px solid #1a6cf54d;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:7px 16px;font-size:12px;font-weight:600;animation:.6s both fadeUp;display:inline-flex}.hero-badge span{background:var(--blue-bright);border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-outfit), sans-serif;letter-spacing:-2px;margin-bottom:24px;font-size:clamp(32px,5vw,58px);font-weight:800;line-height:1.08;animation:.6s .1s both fadeUp}.hero-title .grad{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:560px;margin:0 auto 44px;font-size:clamp(16px,2vw,20px);font-weight:300;animation:.6s .2s both fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:.6s .3s both fadeUp;display:flex}.btn-hero-primary{color:#fff;font-family:var(--font-plus-jakarta), sans-serif;cursor:pointer;background:linear-gradient(135deg,#1a6cf5 0%,#1d4ed8 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 0 40px #1a6cf559}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 0 56px #1a6cf580}.btn-hero-secondary{background:var(--surface);color:var(--text);font-family:var(--font-plus-jakarta), sans-serif;border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.btn-hero-secondary:hover{background:#ffffff14;transform:translateY(-3px)}.hero-scroll{color:var(--dim);letter-spacing:1.5px;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;animation:.6s .6s both fadeUp;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--blue), transparent);width:1px;height:40px;animation:2s infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.stats{z-index:2;background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:relative}.stat-item{background:var(--dark2);text-align:center;padding:24px 20px}.stat-num{font-family:var(--font-outfit), sans-serif;background:linear-gradient(135deg,#3b82f6,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1}.stat-label{color:var(--muted);letter-spacing:.5px;font-size:13px;font-weight:400}.landing-root section{z-index:2;position:relative}.section-inner{max-width:1120px;margin:0 auto;padding:64px 6vw}.section-tag{color:var(--blue-bright);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-outfit), sans-serif;letter-spacing:-1px;margin-bottom:20px;font-size:clamp(24px,3.2vw,36px);font-weight:800;line-height:1.1}.section-sub{color:var(--muted);max-width:520px;font-size:17px;font-weight:300;line-height:1.7}.for-section{background:var(--dark2)}.for-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:36px;display:grid}.for-card{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:16px;flex-direction:column;gap:14px;padding:20px 18px;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex}.for-card:hover{border-color:#1a6cf566;transform:translateY(-4px);box-shadow:0 12px 40px #1a6cf51a}.for-icon{background:#1a6cf51f;border:1px solid #1a6cf533;border-radius:14px;justify-content:center;align-items:center;width:48px;height:40px;font-size:22px;display:flex}.for-title{font-family:var(--font-outfit), sans-serif;font-size:16px;font-weight:700}.for-desc{color:var(--muted);font-size:13px;line-height:1.6}.features-grid{grid-template-columns:1fr 1fr;align-items:center;gap:36px;margin-top:40px;display:grid}.features-list{flex-direction:column;gap:28px;display:flex}.feature-item{cursor:default;border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:18px;padding:24px;transition:all .3s;display:flex}.feature-item:hover{background:var(--surface);border-color:var(--border)}.feature-dot{background:linear-gradient(135deg,#1a6cf533,#6366f126);border:1px solid #1a6cf540;border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;display:flex}.feature-text h4{font-family:var(--font-outfit), sans-serif;margin-bottom:6px;font-size:16px;font-weight:700}.feature-text p{color:var(--muted);font-size:14px;line-height:1.65}.features-visual{position:relative}.phone-mockup{background:var(--dark3);border:1px solid #ffffff1a;border-radius:40px;width:100%;max-width:320px;margin:0 auto;padding:16px;display:block;position:relative;box-shadow:0 40px 80px #0009,0 0 60px #1a6cf51a}.phone-screen{background:var(--dark2);aspect-ratio:9/19;border-radius:28px;flex-direction:column;gap:12px;padding:20px 16px;display:flex;overflow:hidden}.phone-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.phone-logo{font-family:var(--font-outfit), sans-serif;color:#fff;font-size:18px;font-weight:800}.phone-logo .x{color:var(--blue-bright)}.phone-search{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.job-card-mock{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:8px;padding:14px;animation:3s ease-in-out infinite cardSlide;display:flex}.job-card-mock:nth-child(2n){animation-delay:-1.5s}@keyframes cardSlide{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.95;transform:translateY(-2px)}}.jcm-top{align-items:center;gap:10px;display:flex}.jcm-avatar{width:32px;height:32px;font-size:14px;font-weight:700;font-family:var(--font-outfit), sans-serif;color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.jcm-info h5{color:var(--text);font-size:11px;font-weight:600;font-family:var(--font-outfit), sans-serif}.jcm-info p{color:var(--muted);font-size:9px}.jcm-tag{color:var(--blue-bright);background:#1a6cf526;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.jcm-salary{color:#4ade80;font-size:10px;font-weight:600}.how-section{background:var(--dark2)}.steps-grid{background:var(--border);border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;margin-top:40px;display:grid;overflow:hidden}.step-item{background:var(--dark2);padding:28px 24px;transition:background .3s;position:relative}.step-item:hover{background:var(--dark3)}.step-num{font-family:var(--font-outfit), sans-serif;color:#1a6cf514;letter-spacing:-3px;margin-bottom:20px;font-size:44px;font-weight:800;line-height:1}.step-icon{margin-bottom:16px;font-size:28px}.step-title{font-family:var(--font-outfit), sans-serif;margin-bottom:10px;font-size:18px;font-weight:700}.step-desc{color:var(--muted);font-size:14px;line-height:1.7}.download-section{background:var(--dark);overflow:hidden}.download-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1120px;margin:0 auto;padding:64px 6vw;display:grid}.download-text .section-sub{margin-bottom:40px}.download-btns{flex-direction:column;gap:14px;display:flex}.download-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:18px 24px;text-decoration:none;transition:all .3s;display:flex}.download-btn:hover{background:#1a6cf51a;border-color:#1a6cf559;transform:translate(6px)}.download-btn-icon{background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.download-btn-text{flex-direction:column;display:flex}.download-btn-text small{color:var(--muted);font-size:11px}.download-btn-text strong{font-family:var(--font-outfit), sans-serif;font-size:16px;font-weight:700}.qr-block{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-frame{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:160px;height:160px;padding:12px;display:flex;box-shadow:0 0 40px #1a6cf533}.qr-frame svg{width:100%;height:100%}.qr-label{color:var(--muted);text-align:center;letter-spacing:.5px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#07090fd9;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-card{text-align:center;background:#0d1117;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:400px;padding:48px 36px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) both modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-logo{margin-bottom:28px}.modal-badge{color:var(--blue-bright);background:#1a6cf51f;border:1px solid #1a6cf540;border-radius:50px;margin-bottom:32px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-block}.modal-badge.profile-badge{color:#a5b4fc;background:#6366f11f;border-color:#6366f140}.modal-title{font-family:var(--font-outfit), sans-serif;margin-bottom:10px;font-size:22px;font-weight:800}.modal-sub{color:var(--muted);margin-bottom:32px;font-size:14px}.modal-open-btn{color:#fff;width:100%;font-family:var(--font-plus-jakarta), sans-serif;cursor:pointer;background:linear-gradient(135deg,#1a6cf5,#1d4ed8);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:16px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 32px #1a6cf54d}.modal-open-btn.profile-btn{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 0 32px #6366f14d}.modal-open-btn:hover{transform:translateY(-2px);box-shadow:0 0 48px #1a6cf573}.modal-divider{color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;margin:18px 0 14px;font-size:11px;font-weight:600}.modal-store-btn{background:var(--surface);width:100%;color:var(--muted);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:flex}.modal-store-btn:hover{background:#ffffff14;transform:translateY(-2px)}.modal-dismiss{color:var(--dim);cursor:pointer;margin-top:20px;font-size:12px;transition:color .2s}.modal-dismiss:hover{color:var(--muted)}.landing-root footer{z-index:2;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 6vw;display:flex;position:relative}.footer-links{gap:28px;list-style:none;display:flex}.footer-links a{color:var(--dim);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--muted)}.footer-copy{color:var(--dim);font-size:12px}@media (max-width:768px){.nav-links{display:none}.stats,.features-grid{grid-template-columns:1fr}.features-visual{display:none}.download-inner{grid-template-columns:1fr}.qr-block{display:none}.landing-root footer{flex-direction:column;align-items:flex-start}.modal-card{padding:36px 24px 32px}}.landing-root.light{--dark:#fff;--dark2:#f6f8fb;--dark3:#eef1f6;--surface:#0a142808;--border:#0a142817;--text:#0b0f19;--muted:#0a14288c;--dim:#0a142859}.landing-root.light:before{opacity:.15}.landing-root.light nav{background:#fffc}.landing-root.light .modal-card{background:#fff}.landing-root.light .stat-item,.landing-root.light .step-item,.landing-root.light .job-card-mock,.landing-root.light .phone-screen{background:var(--dark2)}.landing-root.light .phone-mockup{background:var(--dark3);border-color:#0a14281a}.landing-root.light .btn-hero-secondary{color:var(--text)}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .2s,border-color .2s;display:inline-flex}.theme-toggle:hover{background:#ffffff14}
