@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
:root{--ink:#0a0a14;--mute:#6b7280;--line:#ececf3;--bg:#fbfbfe;--card:#fff;--ac:#5b4bff;--ac2:#9b5cff;--soft:#f0eeff;--ok:#10b981;--sh:0 1px 2px #0a0a1408,0 14px 34px -16px #2a1f8f38;--e:cubic-bezier(.2,.7,.2,1)}
@media(prefers-color-scheme:dark){:root{--ink:#f4f4fb;--mute:#9a9ab0;--line:#25253b;--bg:#08080f;--card:#12121e;--soft:#1d1b3d;--sh:0 1px 2px #0008,0 18px 40px -20px #000}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{margin:0;font:15px/1.6 Inter,system-ui,sans-serif;font-feature-settings:'cv11','ss01';color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}h1,h2,h3{margin:0}h2{font-size:22px;letter-spacing:-.6px;margin-bottom:18px}h3{font-size:15px}p{margin:0}.mute,small,.job p,.app p{color:var(--mute)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--e),transform .8s var(--e)}.rv.in{opacity:1;transform:none}
.job,.cat,.step,.stat,.card{--x:50%;--y:50%;background:radial-gradient(280px circle at var(--x) var(--y),#5b4bff14,transparent 70%),var(--card)}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid transparent;position:sticky;top:0;z-index:9;transition:padding .3s var(--e),border-color .3s,box-shadow .3s}header.sc{padding:10px 6vw;border-color:var(--line);box-shadow:0 8px 30px -20px #000a}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.6px}.mk{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 16px -6px var(--ac)}.logo b{background:var(--soft);color:var(--ac);font-size:11px;padding:2px 8px;border-radius:20px;margin-left:-3px}
nav{display:flex;gap:4px;align-items:center;font-size:14px;font-weight:500}nav a{padding:8px 14px;border-radius:10px;color:var(--mute);transition:.2s}nav a:hover{background:var(--soft);color:var(--ac)}
.btn,button.btn{position:relative;overflow:hidden;display:inline-block;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff!important;border:0;border-radius:13px;padding:12px 22px;font:600 14px inherit;cursor:pointer;box-shadow:0 10px 24px -10px var(--ac);transition:transform .25s var(--e),box-shadow .25s}.btn:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff5 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s var(--e)}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px var(--ac)}.btn:hover:after{transform:translateX(130%)}.btn:active{transform:scale(.97)}nav .btn{padding:9px 17px;margin-left:6px}nav .btn:hover{background:linear-gradient(135deg,var(--ac),var(--ac2))}
main{max-width:1100px;margin:auto;padding:30px 22px}section{margin-bottom:72px}
.hero{position:relative;text-align:center;padding:78px 0 28px}.aurora{position:absolute;inset:-90px -10% auto;height:560px;z-index:-1;filter:blur(80px);opacity:.5;pointer-events:none}.aurora i{position:absolute;border-radius:50%;animation:fl 16s ease-in-out infinite alternate}.aurora i:nth-child(1){width:380px;height:380px;left:12%;top:20px;background:#7c6bff}.aurora i:nth-child(2){width:340px;height:340px;right:14%;top:60px;background:#ff8ad6;animation-delay:-5s}.aurora i:nth-child(3){width:300px;height:300px;left:42%;top:170px;background:#4fe3c1;animation-delay:-9s}@keyframes fl{to{transform:translate(50px,34px) scale(1.15)}}
.badge{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:6px 15px;font-size:13px;font-weight:500;color:var(--mute);box-shadow:var(--sh);margin-bottom:26px}.badge:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 #10b98180;animation:pl 2s infinite}@keyframes pl{to{box-shadow:0 0 0 9px #10b98100}}
.hero h1{font-size:clamp(38px,7.2vw,76px);letter-spacing:-3px;line-height:1;font-weight:800}.hero em{font-style:normal;background:linear-gradient(120deg,var(--ac),var(--ac2) 55%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{margin:22px auto 34px;color:var(--mute);font-size:18px;max-width:520px}
.sb{display:flex;gap:8px;max-width:640px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:8px;box-shadow:var(--sh),0 0 0 6px color-mix(in srgb,var(--ac) 6%,transparent);transition:box-shadow .3s}.sb:focus-within{box-shadow:var(--sh),0 0 0 6px color-mix(in srgb,var(--ac) 18%,transparent)}.sb input{border:0;margin:0;font-size:16px;background:none;padding-left:16px}.sb input:focus{outline:0}.sb .btn{white-space:nowrap}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:13px}.chips a,.mq a{background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);padding:6px 15px;border-radius:20px;color:var(--mute);transition:.2s}.chips a:hover,.mq a:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-2px)}
.mq{overflow:hidden;margin-bottom:56px;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.mq div{display:flex;gap:12px;width:max-content;animation:mq 34s linear infinite}.mq:hover div{animation-play-state:paused}@keyframes mq{to{transform:translateX(-50%)}}
input,select,textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:13px;font:inherit;color:var(--ink);background:var(--card);margin-bottom:10px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 16%,transparent)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh);transition:transform .35s var(--e)}.stat:hover{transform:translateY(-4px)}.stat:before{content:'';position:absolute;left:22px;top:0;width:34px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--ac),var(--ac2))}.stat:nth-child(even):before{background:linear-gradient(90deg,var(--ok),#34d399)}.stat b{display:block;font-size:40px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums}.stat span{color:var(--mute);font-size:13px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cat{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:15px;transition:transform .35s var(--e),box-shadow .35s,border-color .2s}.cat:hover{border-color:var(--ac);transform:translateY(-4px);box-shadow:var(--sh)}.cat i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700}.cat b{display:block;font-size:14px}.cat span{font-size:12px;color:var(--mute)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.step{border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh);transition:transform .35s var(--e)}.step:hover{transform:translateY(-4px)}.step b{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;margin-bottom:16px;box-shadow:0 8px 18px -8px var(--ac)}
.list{display:grid;gap:12px}.job{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:17px 22px;transition:transform .35s var(--e),box-shadow .35s,border-color .2s}.job:hover{border-color:var(--ac);transform:translateY(-3px) scale(1.005);box-shadow:var(--sh)}.job>div:nth-child(2){flex:1}.job:after{content:'→';color:var(--ac);font-weight:700;opacity:0;transform:translateX(-6px);transition:.3s var(--e)}.job:hover:after{opacity:1;transform:none}
.sk{height:82px;border-radius:20px;background:linear-gradient(90deg,var(--line) 25%,var(--soft) 50%,var(--line) 75%);background-size:200% 100%;animation:sh 1.3s infinite}@keyframes sh{to{background-position:-200% 0}}
.av{width:46px;height:46px;border-radius:14px;color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex:none}.tags span,.pill{background:var(--soft);color:var(--ac);border-radius:20px;padding:3px 11px;font-size:12px;font-weight:500;margin-left:6px}.pill{margin:0}.pill.pending{background:#fef3c7;color:#b45309}.pill.blocked{background:#fee2e2;color:#b91c1c}.pill.active{background:#d1fae5;color:#047857}
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b1470,var(--ac) 55%,var(--ac2));color:#fff;border-radius:30px;padding:72px 24px;text-align:center;box-shadow:0 30px 60px -30px var(--ac)}.cta:before,.cta:after{content:'';position:absolute;border-radius:50%;background:#ffffff14;animation:fl 12s ease-in-out infinite alternate}.cta:before{width:300px;height:300px;left:-70px;top:-100px}.cta:after{width:240px;height:240px;right:-50px;bottom:-90px}.cta h2{font-size:32px;letter-spacing:-1px}.cta p{opacity:.85;margin:8px 0 24px}.cta .btn{background:#fff;color:var(--ac)!important;box-shadow:none}.cta *{position:relative;z-index:1}
.banner{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b1470,var(--ac) 60%,var(--ac2));color:#fff;border-radius:26px;padding:34px;margin-bottom:22px;box-shadow:0 24px 50px -28px var(--ac)}.banner:after{content:'';position:absolute;width:260px;height:260px;right:-60px;top:-110px;border-radius:50%;background:#ffffff16}.banner h2{margin:0;font-size:28px;letter-spacing:-1px}.banner p{opacity:.8;margin-top:4px}
.auth{display:grid;grid-template-columns:1fr 1fr;max-width:920px;margin:36px auto;background:var(--card);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--sh)}.side{position:relative;overflow:hidden;background:linear-gradient(160deg,#1b1470,var(--ac) 60%,var(--ac2));color:#fff;padding:46px 38px}.side:after{content:'';position:absolute;width:280px;height:280px;right:-90px;bottom:-90px;border-radius:50%;background:#ffffff14}.side h2{font-size:30px;letter-spacing:-1.2px;line-height:1.1}.side p{opacity:.85;margin:12px 0 26px}.side li{list-style:none;margin:14px 0;padding-left:30px;position:relative;font-size:14px}.side li:before{content:'✓';position:absolute;left:0;width:21px;height:21px;border-radius:50%;background:#ffffff30;display:grid;place-items:center;font-size:11px}.side ul{padding:0;margin:0}.box{padding:42px 38px}
.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:4px;margin:18px 0}.seg button{flex:1;border:0;background:none;padding:9px;border-radius:10px;cursor:pointer;font:500 14px inherit;color:var(--mute);transition:.25s var(--e)}.seg .on{background:var(--card);box-shadow:0 2px 8px #0002;color:var(--ink);font-weight:600}
.card{border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:16px;box-shadow:var(--sh)}.card>h3{margin-bottom:14px}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.two .card{margin:0}
.bar{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;gap:10px;margin:11px 0;font-size:13px}.bar i{height:12px;border-radius:8px;background:linear-gradient(90deg,var(--ac),#b79bff);display:block;min-width:6px;transform-origin:left;animation:gr 1s var(--e) both}@keyframes gr{from{transform:scaleX(0)}}.bar em{font-style:normal;color:var(--mute);font-weight:600}
.dn{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative;animation:pop .9s var(--e) both}@keyframes pop{from{opacity:0;transform:rotate(-90deg) scale(.8)}}.ring:before{content:'';position:absolute;inset:20px;background:var(--card);border-radius:50%}.ring span{position:relative;font-weight:800;font-size:26px}.dn ul{list-style:none;padding:0;margin:0;font-size:13px}.dn li{margin:6px 0}.dn li i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}.dn li b{margin-left:6px;color:var(--mute)}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:var(--mute);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.8px}tbody tr{transition:background .2s}tbody tr:hover{background:var(--soft)}td select{margin:0;padding:7px;width:auto}.lnk{border:0;background:var(--soft);color:var(--ac);cursor:pointer;font:600 12px inherit;padding:7px 13px;border-radius:9px;margin-right:6px;transition:.2s}.lnk:hover{background:var(--ac);color:#fff}
.app{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 24px;margin-bottom:12px;box-shadow:var(--sh)}.trk{display:flex;margin-top:20px}.trk span{flex:1;text-align:center;font-size:12px;color:var(--mute);position:relative;padding-top:22px}.trk span:before{content:'';position:absolute;top:5px;left:0;right:0;height:3px;background:var(--line)}.trk span:after{content:'';position:absolute;top:0;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:var(--card);border:3px solid var(--line)}.trk .on{color:var(--ac);font-weight:600}.trk .on:before{background:var(--ac)}.trk .on:after{border-color:var(--ac);background:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 20%,transparent)}.bad{color:#ef4444;font-size:13px;margin-top:8px}
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:13px 24px;border-radius:16px;z-index:99;box-shadow:var(--sh);animation:tp .4s var(--e)}@keyframes tp{from{opacity:0;transform:translate(-50%,20px)}}
footer{text-align:center;color:#9a9ab0;font-size:13px;padding:40px;background:#0a0a14;margin-top:40px}.tbl{overflow:auto}.pt{margin-bottom:20px}
@media(max-width:700px){nav a:not(.btn){display:none}.job{flex-wrap:wrap}.job:after{display:none}.sb{flex-direction:column}.auth{grid-template-columns:1fr}.side{display:none}.hero{padding-top:50px}}
@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}