@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f8fafc;--blue: #2563eb;--blue-dark: #1d4ed8;--text: #172033;--text-soft: #475569;--muted: #64748b;--surface: #ffffff;--surface-soft: #f1f5f9;--border: #e2e8f0;--border-dark: #cbd5e1;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #166534}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--text)}body,button,input,textarea,select{font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:800px}.page{min-height:calc(100vh - 140px);padding:60px 0 90px}.page>div>small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.page>div>h1{font-size:42px;letter-spacing:-.05em;margin:8px 0}.page>div>p{color:var(--muted);line-height:1.6}.muted{color:var(--muted)}.prose{white-space:pre-wrap;color:var(--text-soft);line-height:1.8}.mt{margin-top:48px}.nav{height:74px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navin{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:22px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;flex-shrink:0}.logo b{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:9px;width:34px;height:34px;margin-right:8px}.logo span{color:var(--blue)}.desktop-nav{display:flex;gap:24px;color:var(--text-soft);font-weight:600;font-size:14px;align-items:center;flex:1;justify-content:center}.desktop-nav a:hover{color:var(--blue)}.actions{display:flex;gap:14px;align-items:center;font-size:14px;font-weight:600;flex-shrink:0}.desktop-account{display:flex;align-items:center;gap:14px}.theme-toggle{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);display:inline-grid;place-items:center;padding:0;font-size:16px}.theme-toggle:hover{border-color:#93c5fd}.mobile-menu-btn{display:none;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;font-size:20px;place-items:center;padding:0}.mobile-menu{display:none}.mobile-divider{height:1px;background:var(--border);margin:5px 0}.mobile-signout{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 14px;font-weight:700;text-align:left}.btn{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:.15s ease}.btn:hover{background:var(--blue-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--text-soft);border:1px solid var(--border)}.btn.ghost:hover{background:var(--surface-soft)}.btn.light{background:#fff;color:var(--blue)}.btn.light:hover{background:#eff6ff}.btn.big{padding:14px 22px}.full{width:100%}.hero{padding:88px 0;background:linear-gradient(135deg,#eff6ff,#fff 65%,#f8fafc);border-bottom:1px solid var(--border)}.heroin{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero h1{font-size:clamp(44px,6vw,70px);line-height:1.02;letter-spacing:-.06em;margin:14px 0 22px}.hero em{font-style:normal;color:var(--blue)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero small,.head small,.center small,.skill small,.mockbody small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.heroBtns{display:flex;gap:12px;margin-top:28px}.mock{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 25px 60px #0f172a18;overflow:hidden;transform:rotate(1deg)}.mockbar{height:48px;border-bottom:1px solid var(--border);padding:15px;color:#cbd5e1;font-size:10px}.mockbar span{color:var(--muted);margin-left:20px;font-weight:700}.video{height:230px;margin:18px;border-radius:15px;background:linear-gradient(145deg,#172033,#334155);display:grid;place-items:center;color:#fff;font-size:24px;position:relative}.video small{position:absolute;left:14px;bottom:12px;font-size:10px;letter-spacing:.1em;color:#fff}.mockbody{padding:0 22px 22px}.mockbody h3{font-size:23px;margin:8px 0}.mockbody p{font-size:13px;color:var(--muted)}.mockbody i{font-style:normal;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;margin-right:5px}.section{padding:82px 0}.soft{background:#f1f5f9;border-block:1px solid var(--border)}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.head h2,.center h2{font-size:35px;letter-spacing:-.05em;margin:7px 0}.head p,.center p{color:var(--muted)}.head>a{color:var(--blue);font-weight:700}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;min-height:205px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s ease}.skill:hover{border-color:#93c5fd;box-shadow:0 14px 35px #0f172a12;transform:translateY(-2px)}.skill>b{width:44px;height:44px;border-radius:12px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;font-size:23px}.skill h3{margin:8px 0;font-size:22px}.skill p{color:var(--muted);font-size:14px;line-height:1.6}.skill footer{border-top:1px solid var(--border);padding-top:13px;font-size:12px;font-weight:700;color:var(--muted)}.center{text-align:center;margin-bottom:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:23px}.steps h3{margin:15px 0 8px}.steps p{color:var(--muted);font-size:13px;line-height:1.6}.cta{padding:65px 0;background:#1d4ed8;color:#fff}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:34px;max-width:720px;letter-spacing:-.04em}.cta small{color:#bfdbfe;font-weight:800}.search{display:grid;grid-template-columns:1fr 230px auto;gap:10px;margin:28px 0}.search input,.form input,.form textarea,.form select,aside textarea{border:1px solid var(--border-dark);border-radius:10px;padding:12px 13px;outline:0;background:var(--surface);color:var(--text)}.search input:focus,.form input:focus,.form textarea:focus,.form select:focus,aside textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.list{display:grid;gap:12px}.job{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:19px;display:flex;align-items:center;gap:15px}.job>div{flex:1}.job h3{margin:0 0 6px}.job p{color:var(--muted);font-size:13px;margin:0 0 8px}.job span{font-size:11px;background:var(--surface-soft);padding:5px 8px;border-radius:999px;color:var(--text-soft)}.avatar{width:48px;height:48px;border-radius:12px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;flex:0 0 48px}.avatar.big{width:62px;height:62px;font-size:24px;margin-bottom:15px}.empty{padding:50px;text-align:center;background:var(--surface);border:1px dashed var(--border-dark);border-radius:14px;color:var(--muted)}.detail{display:grid;grid-template-columns:1fr 340px;gap:22px;margin-top:25px}.detail article,.detail aside,.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.detail h1{font-size:42px;letter-spacing:-.05em}.detail h2{margin-top:35px}.detail aside{height:max-content;position:sticky;top:90px}.detail aside textarea{width:100%;margin-top:18px}.auth{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:50px 20px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.authcard{width:min(100%,620px);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:0 20px 50px #0f172a12}.authcard .mark{display:grid;place-items:center;width:50px;height:50px;background:var(--blue);color:#fff;border-radius:14px;margin-bottom:18px}.authcard>small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.authcard h1{font-size:32px;letter-spacing:-.05em;margin:8px 0}.authcard>p{color:var(--muted);line-height:1.6}.form{display:grid;gap:17px}.form label{font-size:13px;font-weight:700;color:var(--text-soft)}.form label input,.form label textarea,.form label select{display:block;width:100%;margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.roles button{border:1px solid var(--border);background:var(--surface);padding:12px;border-radius:10px;font-weight:700;color:var(--muted)}.roles .active{background:#eff6ff;color:var(--blue);border-color:#93c5fd}.err{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:10px;padding:11px;font-size:13px}.ok{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:10px;padding:11px;font-size:13px}.windowhead{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:23px;border-radius:17px;margin:25px 0 35px}.windowhead>b{width:56px;height:56px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;border-radius:13px;font-size:28px}.windowhead h1{margin:5px 0;font-size:38px}.cands{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cand{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden}.cand .video{margin:0;border-radius:0;height:170px}.cand>div:last-child{padding:17px}.cand h3{margin:7px 0}.cand p{color:var(--muted);font-size:13px}.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.dash>a{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:23px}.dash>a:hover{border-color:#93c5fd;transform:translateY(-2px)}.dash>a b{color:var(--blue);font-size:11px}.dash h3{margin:28px 0 8px}.dash p{color:var(--muted);font-size:13px;line-height:1.6}.skillpills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.skillpills button,.skillpills span{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.skillpills button:hover{border-color:#93c5fd}.skillpills .sel{background:#eff6ff;border-color:#93c5fd;color:var(--blue)}footer{background:var(--surface);border-top:1px solid var(--border);padding:30px 0}.foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.loader{min-height:100vh;display:grid;place-items:center;color:var(--muted)}html[data-theme=dark]{color-scheme:dark;--text: #e5e7eb;--text-soft: #cbd5e1;--muted: #94a3b8;--surface: #111827;--surface-soft: #1e293b;--border: #334155;--border-dark: #475569}html[data-theme=dark] body{background:#0f172a;color:var(--text)}html[data-theme=dark] .hero{background:linear-gradient(135deg,#172554,#111827 65%,#0f172a);border-color:#334155}html[data-theme=dark] .search input,html[data-theme=dark] .form input,html[data-theme=dark] .form textarea,html[data-theme=dark] .form select,html[data-theme=dark] aside textarea{background:#0f172a;color:#e5e7eb;border-color:#475569}html[data-theme=dark] .btn.ghost{background:#111827;color:#e5e7eb;border-color:#475569}html[data-theme=dark] .skillpills button,html[data-theme=dark] .skillpills span{background:#111827;color:#cbd5e1;border-color:#475569}html[data-theme=dark] .mock{background:#111827;border-color:#334155}html[data-theme=dark] .mockbar{border-color:#334155}html[data-theme=dark] .mobile-menu{background:#111827;border-color:#334155}html[data-theme=dark] .mobile-menu>a:not(.btn){color:#e5e7eb}html[data-theme=dark] .mobile-menu>a:not(.btn):hover{background:#1e293b}html[data-theme=dark] .mobile-signout,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .mobile-menu-btn{background:#111827;color:#e5e7eb;border-color:#475569}@media(max-width:1050px){.desktop-nav{gap:15px}.heroin{gap:40px}}@media(max-width:900px){.desktop-nav,.desktop-account{display:none}.mobile-menu-btn{display:inline-grid}.mobile-menu{position:absolute;top:74px;left:0;right:0;display:grid;gap:6px;padding:14px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 15px 30px #00000018;z-index:200}.mobile-menu>a:not(.btn){padding:12px 10px;border-radius:9px;color:var(--text);font-weight:600}.mobile-menu>a:not(.btn):hover{background:var(--surface-soft);color:var(--blue)}.mobile-menu .btn{margin-top:4px}.heroin,.detail{grid-template-columns:1fr}.skills,.cands,.dash,.steps{grid-template-columns:repeat(2,1fr)}.detail aside{position:static}}@media(max-width:620px){.wrap{width:calc(100% - 28px)}.nav{height:68px}.mobile-menu{top:68px}.actions{gap:7px}.theme-toggle,.mobile-menu-btn{width:36px;height:36px}.hero{padding:60px 0}.hero h1{font-size:46px}.heroBtns,.cta .wrap{flex-direction:column;align-items:stretch}.skills,.cands,.dash,.steps,.two,.search{grid-template-columns:1fr}.job{align-items:flex-start;flex-wrap:wrap}.job>.btn{width:100%}.page{padding:45px 0 70px}.page>div>h1{font-size:35px}.head{align-items:flex-start;flex-direction:column}.authcard,.card,.detail article,.detail aside{padding:22px}.detail h1{font-size:35px}.windowhead{align-items:flex-start}.windowhead h1{font-size:30px}.cta h2{font-size:28px}.foot{flex-direction:column;gap:12px;text-align:center}}html[data-theme=dark]{--blue: #60a5fa;--dark: #f8fafc;--muted: #94a3b8;--border: #334155;color:#f8fafc;background:#0f172a}html[data-theme=dark] body{background:#0f172a;color:#f8fafc}html[data-theme=dark] .nav{background:#111827;border-color:#334155}html[data-theme=dark] nav{color:#cbd5e1}html[data-theme=dark] .actions{color:#e2e8f0}html[data-theme=dark] .btn.ghost{background:#111827;color:#e2e8f0;border-color:#475569}html[data-theme=dark] .hero{background:linear-gradient(135deg,#172554,#0f172a 65%,#111827);border-color:#334155}html[data-theme=dark] .section{background:#0f172a}html[data-theme=dark] .soft{background:#111827;border-color:#334155}html[data-theme=dark] .skill,html[data-theme=dark] .job,html[data-theme=dark] .card,html[data-theme=dark] .detail article,html[data-theme=dark] .detail aside,html[data-theme=dark] .authcard,html[data-theme=dark] .mock,html[data-theme=dark] .steps article,html[data-theme=dark] .dash>a,html[data-theme=dark] .cand{background:#111827;border-color:#334155;color:#f8fafc}html[data-theme=dark] .skill:hover{border-color:#60a5fa}html[data-theme=dark] .skill p,html[data-theme=dark] .job p,html[data-theme=dark] .detail p,html[data-theme=dark] .authcard>p,html[data-theme=dark] .steps p,html[data-theme=dark] .prose{color:#94a3b8}html[data-theme=dark] .search input,html[data-theme=dark] .form input,html[data-theme=dark] .form textarea,html[data-theme=dark] .form select,html[data-theme=dark] aside textarea{background:#0f172a;color:#f8fafc;border-color:#475569}html[data-theme=dark] .search input::placeholder,html[data-theme=dark] .form input::placeholder,html[data-theme=dark] .form textarea::placeholder{color:#64748b}html[data-theme=dark] .skillpills button{background:#1e293b;color:#cbd5e1;border-color:#475569}html[data-theme=dark] .skillpills .sel{background:#172554;color:#93c5fd;border-color:#3b82f6}html[data-theme=dark] .job span{background:#1e293b;color:#cbd5e1}html[data-theme=dark] .avatar,html[data-theme=dark] .skill>b,html[data-theme=dark] .mockbody i{background:#172554;color:#93c5fd}html[data-theme=dark] .windowhead{background:#111827;border-color:#334155}html[data-theme=dark] .windowhead>b{background:#172554;color:#93c5fd}html[data-theme=dark] .empty{background:#111827;border-color:#475569;color:#94a3b8}html[data-theme=dark] footer{background:#111827;border-color:#334155}html[data-theme=dark] .foot{color:#94a3b8}html[data-theme=dark] .auth{background:linear-gradient(135deg,#172554,#0f172a)}html[data-theme=dark] .roles button{background:#111827;color:#94a3b8;border-color:#475569}html[data-theme=dark] .roles .active{background:#172554;color:#93c5fd;border-color:#3b82f6}html[data-theme=dark] .theme-toggle{background:#1e293b;color:#f8fafc;border-color:#475569}html[data-theme=dark] .mobile-menu{background:#111827;border-color:#334155;color:#f8fafc}html[data-theme=dark] .mobile-menu a{color:#e2e8f0}html[data-theme=dark] .mobile-divider{border-color:#334155}