html,body{height:100%;overflow:hidden!important;background:#0c1746;color:#fff}
#hello-scene{position:fixed;inset:0;z-index:9999;overflow:auto;background:radial-gradient(ellipse at 35% 30%,#18359b88,transparent 55%),radial-gradient(ellipse at 80% 85%,#2631a966,transparent 50%),#0c1746;font-family:tiktok,sans-serif;isolation:isolate}
#hello-scene:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#abbcff12 1px,transparent 1px),linear-gradient(90deg,#abbcff12 1px,transparent 1px);background-size:33.333% 33.333%}
.hero-wordmark{position:absolute;top:32px;left:48px;z-index:5;font-weight:750;letter-spacing:-.03em;font-size:18px}.hero-corner{position:absolute;right:48px;top:35px;font:11px mono,monospace;letter-spacing:.1em;color:#c0fe04}
.hero-stage{min-height:100svh;display:grid;place-items:center;padding:100px 20px 60px;position:relative}
.hero-panel{position:relative;z-index:4;width:min(470px,100%);border-radius:26px;padding:28px;border:1px solid #a6c4ff66;background:linear-gradient(145deg,#1a317cba,#111d54e8);box-shadow:inset 0 1px 0 #f0f5ff50,0 30px 100px #02072a88,0 0 80px #526dff25;backdrop-filter:blur(30px);text-align:center}
.hero-panel:before{content:'';position:absolute;inset:-2px;z-index:-1;border:1px solid #b8caff66;border-radius:28px;pointer-events:none}
.hero-panel .tag{display:inline-flex;gap:8px;align-items:center;font:10px mono,monospace;letter-spacing:.1em;color:#c0fe04}.hero-panel .tag:before{content:'';width:6px;height:6px;background:#c0fe04;border-radius:50%;box-shadow:0 0 14px #c0fe04}
.hero-panel h1{font-size:clamp(92px,12vw,148px);letter-spacing:-.085em;font-weight:800;line-height:1.15;margin:10px 0 6px;padding-right:12px;font-style:italic;color:#c2d7ff;text-shadow:0 2px 0 #7f9ee5,0 4px 0 #4159ad,0 8px 18px #0004,0 0 36px #9cbaff44;background:linear-gradient(145deg,#fff 10%,#c5daff 30%,#7996f5 52%,#e1ebff 70%,#b1c8ff);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 16px #02072255)}
.hero-panel h2{font-weight:700;letter-spacing:-.04em;font-size:31px;line-height:1.06;margin:16px 0 12px;text-transform:uppercase}
.hero-panel .description{color:#b9c8e7;font-size:14px;line-height:1.55;max-width:330px;margin:0 auto 26px}
.hero-panel form{display:flex;gap:9px;text-align:left}.hero-panel label{display:flex;align-items:center;gap:9px;min-width:0;flex:1;background:#070f334f;border:1px solid #9bb4ff38;border-radius:5px;padding:0 14px;color:#a9bde4}
.hero-panel input{width:100%;min-width:0;background:none;border:0;outline:none;color:white;font:13px mono,monospace;padding:16px 0}.hero-panel input::placeholder{color:#90a4ce}.hero-panel label:focus-within{border-color:#c0fe04}
.hero-panel button{flex-shrink:0;background:#c0fe04;border:0;border-radius:5px;padding:0 18px;color:#1b2500;font:12px mono,monospace;cursor:pointer}.hero-panel button:disabled{opacity:.65;cursor:default}
.hero-panel .status{font:10px/1.6 mono,monospace;color:#8fa7d2;margin-top:15px}.hero-panel .status strong{color:#c4d5f4;font-weight:400}
.hero-footer{position:absolute;bottom:24px;left:48px;right:48px;display:flex;justify-content:space-between;font:10px mono,monospace;letter-spacing:.08em;color:#7f97c6;z-index:5}
.orbit-card{position:absolute;z-index:2;width:clamp(110px,14vw,180px);pointer-events:auto;animation:card-orbit var(--duration,8s) ease-in-out infinite;animation-delay:var(--delay,0s);filter:drop-shadow(0 22px 25px #030a2f88)}
.orbit-card hello-profile-card{display:block;width:100%;transform:rotate(var(--angle,0deg))}
@keyframes card-orbit{0%,100%{translate:0 0;rotate:-2deg}50%{translate:12px -22px;rotate:2deg}}
.orbit-card:nth-of-type(1){left:5%;top:15%;--angle:-13deg;--duration:9s}.orbit-card:nth-of-type(2){left:23%;top:-9%;--angle:-17deg;--delay:-4s;--duration:11s}.orbit-card:nth-of-type(3){right:26%;top:-11%;--angle:15deg;--delay:-2s}.orbit-card:nth-of-type(4){right:5%;top:12%;--angle:14deg;--delay:-5s;--duration:10s}.orbit-card:nth-of-type(5){left:9%;bottom:8%;--angle:9deg;--delay:-3s;--duration:12s}.orbit-card:nth-of-type(6){right:6%;bottom:9%;--angle:-12deg;--delay:-6s;--duration:9s}.orbit-card:nth-of-type(7){left:28%;bottom:-18%;--angle:-16deg;--delay:-2s;--duration:10s}.orbit-card:nth-of-type(8){right:26%;bottom:-22%;--angle:17deg;--delay:-7s;--duration:12s}
@media(max-width:900px){.orbit-card{width:145px}.orbit-card:nth-of-type(1){left:-5%;top:11%}.orbit-card:nth-of-type(4){right:-6%;top:10%}.orbit-card:nth-of-type(5){left:-6%;bottom:4%}.orbit-card:nth-of-type(6){right:-6%;bottom:5%}.orbit-card:nth-of-type(2),.orbit-card:nth-of-type(3){width:115px}.hero-wordmark{left:24px;top:25px}.hero-corner{right:24px;top:29px}.hero-footer{left:24px;right:24px}.hero-panel{width:min(430px,calc(100% - 40px))}}
@media(max-width:540px){.hero-stage{padding:100px 12px 100px;min-height:100svh}.hero-panel{padding:24px 19px;width:100%;max-width:350px;border-radius:21px}.hero-panel h1{font-size:104px}.hero-panel h2{font-size:26px}.hero-panel .description{font-size:13px;margin-bottom:22px}.hero-panel form{flex-direction:column}.hero-panel button{height:46px}.orbit-card{width:115px;opacity:.65}.orbit-card:nth-of-type(1){left:-9%;top:7%}.orbit-card:nth-of-type(4){right:-10%;top:6%}.orbit-card:nth-of-type(5){left:-7%;bottom:1%}.orbit-card:nth-of-type(6){right:-7%;bottom:0}.orbit-card:nth-of-type(2),.orbit-card:nth-of-type(3),.orbit-card:nth-of-type(7),.orbit-card:nth-of-type(8){display:none}.hero-footer{font-size:8px}.hero-corner{font-size:9px}}
@media(prefers-reduced-motion:reduce){.orbit-card{animation:none}}
#hello-scene{overflow:hidden}.hero-stage{height:100svh;overflow:hidden}
@media(max-height:700px){.hero-stage{padding-top:75px;padding-bottom:55px}.hero-panel{padding-top:20px;padding-bottom:20px}.hero-panel h1{font-size:90px;margin:0}.hero-panel h2{font-size:25px;margin-top:10px}.hero-panel .description{margin-bottom:18px}}