*{box-sizing:border-box}body{margin:0;background:#060b15;color:#edf5ff;font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:20px 6%;border-bottom:1px solid #233149}header img{width:58px;height:58px;object-fit:contain}.brand{display:flex;align-items:center;gap:12px;letter-spacing:3px}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:5px 9px;border-radius:8px;color:#a6b4cc}nav a[aria-current]{background:#143348;color:white}main{max-width:1240px;margin:auto;padding:64px 6%}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px}h1{font-size:clamp(38px,5vw,70px);line-height:1.14;letter-spacing:-1px;margin:20px 0}h2{font-size:clamp(25px,3vw,39px);line-height:1.3}p{color:#abbad0}.eyebrow{color:#53dcff;letter-spacing:3px}.button{display:inline-block;padding:13px 23px;background:linear-gradient(110deg,#c82f50,#762d72);border:1px solid #ff6e8966;border-radius:12px;margin:12px 8px 12px 0;box-shadow:0 8px 30px #9f1d4622}.secondary{background:#142139;border-color:#314766}.orb{position:relative;min-height:410px;display:grid;place-items:center;background:radial-gradient(ellipse,#12445655,transparent 65%)}.ring{width:280px;height:280px;border:1px solid #3fe1ff55;border-radius:50%;position:absolute;animation:spin 35s linear infinite;box-shadow:0 0 60px #06b3f020,inset 0 0 40px #07b5ec10}.ring:before,.ring:after{content:'';width:12px;height:12px;background:#6de4ff;box-shadow:0 0 24px #00dfff;position:absolute;border-radius:50%;left:30px;top:35px}.ring:after{background:#ee5378;left:auto;top:auto;bottom:30px;right:35px}.ring.two{width:360px;height:360px;animation-direction:reverse;border-style:dashed;border-color:#ef487733}.core{z-index:1;width:140px;height:155px;display:grid;place-items:center;background:linear-gradient(150deg,#152d47,#101725);clip-path:polygon(50% 0,95% 18%,89% 72%,50% 100%,11% 72%,5% 18%);filter:drop-shadow(0 0 25px #28cbff);font-size:22px;font-weight:800;letter-spacing:2px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:45px 0}.flow details{background:#0f1b2b;border:1px solid #284159;border-radius:16px;padding:18px;transition:transform .2s,border-color .2s}.flow details:hover,.flow details[open]{transform:translateY(-5px);border-color:#52d4ff}.flow summary{cursor:pointer;list-style:none;font-weight:650}.flow span{display:block;font-size:12px;color:#52d4ff;margin-bottom:12px}.flow p{font-size:14px}.panel{border:1px solid #28354c;background:linear-gradient(125deg,#102035,#101321);border-radius:22px;padding:30px;margin-top:25px}.tag{color:#ff819e;font-size:13px}footer{padding:30px 6%;border-top:1px solid #233149;color:#91a2bb}.login-art{padding:28px;border-radius:20px;background:radial-gradient(ellipse at center,#15344c,#08121f);margin-bottom:24px;text-align:center}.login-art .orb{min-height:270px}.login-art .ring{width:190px;height:190px}.login-art .ring.two{width:245px;height:245px}.login-art h2{margin:10px 0}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:5px}.auth-form input{width:100%;margin:0;padding:13px;background:#091321;color:#edf5ff}.auth-form button{padding:13px;background:linear-gradient(110deg,#c82f50,#762d72)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.hero{grid-template-columns:1fr}.orb{min-height:350px}.flow{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:20px;flex-wrap:wrap}main{padding-top:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}