:root{--sky:#dff4ff;--blue:#5cc8ff;--chrome:#dce8ef;--ink:#13243a;--glass:rgba(255,255,255,.58);--yellow:#ffe54d;--yellowGlow:rgba(255,229,77,.78);--shadow:0 20px 60px rgba(22,80,120,.15);--silverNeon:#f2f8fc;--silverNeonGlow:rgba(226,240,250,.9)}.hero-trio{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);flex-wrap:wrap}.neon-ring{position:relative;border-radius:28px;isolation:isolate;animation:cloud-float 5s ease-in-out infinite;box-shadow:0 0 0 2px var(--silverNeon),0 0 10px var(--silverNeonGlow),0 0 22px var(--silverNeonGlow)}.neon-ring:before{content:"";position:absolute;inset:-2px;border-radius:30px;padding:2px;background:conic-gradient(from 0deg,transparent 0deg,#fff 8deg,var(--silverNeon) 16deg,transparent 26deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px var(--silverNeonGlow));animation:neon-spin 3.5s linear infinite;z-index:1}.neon-ring img{position:relative;z-index:2;border-radius:26px;display:block;width:100%;height:auto}.neon-ring.mascot{width:min(180px,26vw)}.neon-ring.cloud-logo{width:min(360px,70vw)}.neon-ring.mascot-left{animation-delay:0s}.neon-ring.cloud-logo{animation-delay:.6s}.neon-ring.mascot-right{animation-delay:1.2s}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes neon-spin{to{transform:rotate(1turn)}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink)}body{background:radial-gradient(circle at 20% 10%,#fff 0 5%,transparent 19%),linear-gradient(180deg,#f5fbff,#cceeff 45%,#eefaff);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle,#ffe14b 0 7px,rgba(255,225,75,.25) 8px,transparent 22px),radial-gradient(circle,#ffe14b 0 4px,rgba(255,225,75,.2) 5px,transparent 15px);background-position:10% 18%,88% 28%;background-size:420px 420px,310px 310px;animation:floatSuns 22s ease-in-out infinite alternate}@keyframes floatSuns{to{transform:translateY(18px)}}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{padding:26px 18px;background:rgba(255,255,255,.46);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-right:1px solid rgba(255,255,255,.9);box-shadow:8px 0 25px rgba(71,132,163,.08);position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:900;font-size:20px;line-height:1.05}.tagline{font-weight:900;color:#000;margin-top:5px}.nav{display:grid;grid-gap:8px;gap:8px;margin-top:30px}.nav a{padding:11px 12px;border-radius:14px;text-decoration:none;color:var(--ink);font-weight:700}.nav a:focus-visible,.nav a:hover{outline:2px solid var(--yellow);box-shadow:0 0 22px var(--yellowGlow);background:rgba(255,255,255,.62)}main{padding:32px;position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:18px;gap:18px}.card{grid-column:span 4;background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.86);border-radius:24px;padding:20px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.9);position:relative}.card.active{outline:2px solid var(--yellow);box-shadow:var(--shadow),0 0 26px var(--yellowGlow)}.wide{grid-column:span 8}.full{grid-column:1/-1}.metric{font-size:32px;font-weight:900}.muted{color:#557086}.status{gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);font-size:12px}.btn,.status{display:inline-flex;align-items:center;font-weight:900}.btn{justify-content:center;gap:8px;border:0;border-radius:14px;padding:11px 16px;background:white;color:#14283a;text-decoration:none;cursor:pointer}.btn.primary{outline:2px solid var(--yellow);box-shadow:0 0 22px var(--yellowGlow)}.btn.danger{outline:2px solid #d23d3d}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(20,50,70,.1);vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.form{display:grid;grid-gap:14px;gap:14px}.input{width:100%;padding:12px 14px;border:1px solid rgba(42,91,120,.2);border-radius:14px;background:rgba(255,255,255,.75);font:inherit}.hero{padding:34px;border-radius:32px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #fff;box-shadow:var(--shadow)}.hero h1{font-size:clamp(34px,6vw,76px);margin:.1em 0}.hero .cloud-title{color:white;text-shadow:0 2px 0 #7bcdf7,0 10px 30px rgba(55,160,220,.35);-webkit-text-stroke:1px #bde8ff}.public{max-width:1180px;margin:auto;padding:40px 24px;position:relative;z-index:1}.pricing{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.price{font-size:38px;font-weight:950}.error{padding:12px;border-radius:14px;background:#fff0f0;border:1px solid #ffcaca}.success{padding:12px;border-radius:14px;background:#effff7;border:1px solid #c3f1d7}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.nav{grid-template-columns:repeat(3,1fr)}main{padding:18px}.card,.wide{grid-column:1/-1}.pricing{grid-template-columns:1fr 1fr}}@media(max-width:560px){.nav{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}body:before{display:none}}