:root{--n:#0B1320;--o:#FF6A00;--b:#1D4ED8;--w:#F2F4F7;--m:#88949E}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--w);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 18%,rgba(29,78,216,.22),transparent 28%),radial-gradient(circle at 15% 82%,rgba(255,106,0,.12),transparent 28%),linear-gradient(145deg,var(--n),#070D16 70%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(242,244,247,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(242,244,247,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 75%);animation:grid-drift 18s linear infinite}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;animation:rise-in .8s ease both}
.logo{width:150px}.status{color:var(--m);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--o);margin-right:8px;box-shadow:0 0 16px rgba(255,106,0,.8);animation:pulse 2s ease-in-out infinite}
main{min-height:calc(100vh - 90px);display:flex;align-items:center}.hero{width:100%;padding:70px 0 100px;position:relative}.hero:after{content:"";position:absolute;width:min(42vw,480px);height:min(42vw,480px);right:-12vw;top:4%;border:1px solid rgba(242,244,247,.13);border-radius:50%;box-shadow:0 0 0 26px rgba(29,78,216,.035),0 0 0 54px rgba(29,78,216,.025);animation:orbit 16s linear infinite;pointer-events:none}.eyebrow{color:var(--o);font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;animation:rise-in .8s .1s ease both}h1{max-width:820px;margin:0;font-size:clamp(52px,9vw,108px);line-height:.9;letter-spacing:-.065em;font-weight:850;animation:rise-in .8s .2s ease both}h1 span{color:var(--o)}.lead{max-width:620px;margin:30px 0 38px;color:#C5CDD5;font-size:clamp(18px,2.4vw,24px);line-height:1.5;animation:rise-in .8s .3s ease both}.card{max-width:650px;padding:9px;border:1px solid rgba(242,244,247,.12);border-radius:18px;background:rgba(16,27,43,.72);backdrop-filter:blur(16px);box-shadow:0 22px 70px rgba(0,0,0,.22);animation:rise-in .8s .4s ease both;transition:border-color .25s ease,transform .25s ease}.card:focus-within{border-color:rgba(255,106,0,.7);transform:translateY(-3px)}form{display:flex;gap:9px}input{min-width:0;flex:1;border:0;outline:0;border-radius:12px;padding:18px;color:var(--w);background:#0A111D;font-size:16px}input::placeholder{color:#66727E}button{border:0;border-radius:12px;padding:0 24px;background:var(--o);color:#111;font-weight:850;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}button:hover{background:#ff8533;transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,106,0,.2)}.fine{color:#687581;font-size:12px;margin:13px 4px 2px}.success{display:none;padding:18px 6px 8px;animation:rise-in .45s ease both}.success strong{color:var(--o)}.signal{margin-top:75px;display:flex;flex-wrap:wrap;gap:12px;color:#687581;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;animation:rise-in .8s .5s ease both}.signal b{color:#9AA6B1}.activity{display:flex;align-items:center;gap:9px;margin-top:28px;color:#88949E;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase;animation:rise-in .8s .6s ease both}.activity i{width:6px;height:6px;border-radius:50%;background:#55D6A0;box-shadow:0 0 13px rgba(85,214,160,.9);animation:pulse 1.6s ease-in-out infinite}footer{padding:28px 0 34px;color:#53606C;font-size:12px;border-top:1px solid rgba(255,255,255,.06);animation:rise-in .8s .7s ease both}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes grid-drift{to{background-position:72px 72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:640px){.wrap{width:calc(100% - 28px)}header{padding:20px 0}.logo{width:132px}.hero{padding:55px 0 70px}.hero:after{width:260px;height:260px;right:-150px;top:2%}form{flex-direction:column}button{min-height:54px}.signal{margin-top:55px}.activity{margin-top:24px}}
.mood-picker{margin-top:42px;animation:rise-in .8s .55s ease both}.mood-label{margin:0 0 13px;color:#687581;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.mood-options{display:flex;flex-wrap:wrap;gap:8px}.mood-options button{min-height:38px;padding:0 15px;border:1px solid rgba(242,244,247,.16);border-radius:999px;background:rgba(16,27,43,.45);color:#C5CDD5;font-size:12px;font-weight:700}.mood-options button:hover,.mood-options button.active{border-color:var(--mood,var(--o));background:var(--mood,var(--o));color:#111;box-shadow:0 8px 24px color-mix(in srgb,var(--mood,var(--o)) 22%,transparent)}.mood-note{margin:12px 0 0;color:#88949E;font-size:12px;transition:opacity .2s ease}.socials{display:flex;align-items:center;gap:16px;margin-top:22px}.socials a{color:#88949E;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.socials a:hover{color:var(--o)}.socials span{color:#53606C}@media(max-width:640px){.mood-picker{margin-top:34px}.mood-options{gap:6px}.mood-options button{padding:0 12px}.socials{margin-top:18px}}
.orbit-item{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;color:#C5CDD5;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;animation:orbit-float 5s ease-in-out infinite}.orbit-item:before{content:"";display:block;width:28px;height:28px;border:1px solid rgba(242,244,247,.34);background:rgba(16,27,43,.72);box-shadow:0 6px 20px rgba(0,0,0,.25)}.orbit-shoe{right:14%;top:12%}.orbit-top{right:3%;top:45%;animation-delay:-1.7s}.orbit-accessory{right:22%;bottom:10%;animation-delay:-3.2s}.orbit-top:before{border-radius:50%;border-color:var(--o);background:rgba(255,106,0,.16)}.orbit-accessory:before{border-radius:50%;width:14px;height:14px;border-color:#55D6A0;background:#55D6A0;box-shadow:0 0 16px rgba(85,214,160,.45)}@keyframes orbit-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.orbit-item{animation:none}}@media(max-width:640px){.orbit-item{display:none}}