:root{--txt: rgba(255,255,255,.94);--muted: rgba(255,255,255,.72);--stroke: rgba(255,255,255,.16);--glass: rgba(255,255,255,.1);--shadow: 0 28px 90px rgba(0,0,0,.5)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial}.cs-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:linear-gradient(120deg,#050712,#070b1a,#071026)}.cs-ambient{position:absolute;inset:-220px;background:radial-gradient(900px 650px at 15% 15%,rgba(255,0,190,.28),transparent 60%),radial-gradient(800px 600px at 85% 80%,rgba(0,190,255,.24),transparent 60%),radial-gradient(700px 520px at 70% 10%,rgba(255,190,0,.18),transparent 60%);filter:blur(40px);opacity:.9;animation:floatBg 10s ease-in-out infinite}@keyframes floatBg{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.02)}}.cs-noise{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:90px 90px,140px 140px;background-position:0 0,40px 30px;mix-blend-mode:overlay}.cs-card{position:relative;z-index:2;width:min(1225px,100%);padding:46px 34px 28px;border-radius:26px;background:linear-gradient(180deg,#ffffff24,#ffffff14);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.cs-logoWrap{position:relative;width:220px;height:220px;margin:0 auto 16px;display:grid;place-items:center}.cs-logo{width:170px;height:170px;object-fit:contain;border-radius:999px;border:1px solid rgba(255,255,255,.2);filter:drop-shadow(0 16px 34px rgba(0,0,0,.55));animation:logoFloat 3.4s ease-in-out infinite;transform:translateZ(0)}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}.cs-logoHalo{position:absolute;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 60%),radial-gradient(circle at 70% 70%,rgba(0,210,255,.22),transparent 60%),radial-gradient(circle at 20% 80%,rgba(255,0,190,.18),transparent 60%);filter:blur(10px);opacity:.95;animation:haloPulse 2.8s ease-in-out infinite}@keyframes haloPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.cs-logoRing{position:absolute;width:220px;height:220px;border-radius:999px;border:1px solid rgba(255,255,255,.18);border-top-color:#ffffff8c;border-right-color:#00d2ff73;border-left-color:#ff00be59;animation:ringSpin 7.5s linear infinite;pointer-events:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.2))}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cs-title{margin:8px 0 10px;color:var(--txt);font-size:clamp(30px,4.6vw,58px);letter-spacing:-.8px;line-height:1.05}.cs-accent{background:linear-gradient(90deg,#ffbe00fa,#00d2fffa,#ff00befa);-webkit-background-clip:text;background-clip:text;color:transparent}.cs-subtitle{margin:0 auto 22px;max-width:560px;color:var(--muted);font-size:15px;line-height:1.75}.cs-form{margin-top:8px}.cs-field{width:min(600px,100%);margin:0 auto;display:flex;gap:10px;padding:10px;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.12)}.cs-input{flex:1;border:none;outline:none;background:transparent;color:#fffffff2;font-size:14px;padding:14px 12px}.cs-input::placeholder{color:#ffffff8c}.cs-btn{position:relative;border:none;outline:none;cursor:pointer;padding:14px 18px;border-radius:14px;font-weight:800;color:#071026;background:linear-gradient(90deg,#ffbe00fa,#00d2fffa,#ff00befa);box-shadow:0 16px 34px #00000047;overflow:hidden;white-space:nowrap;transform:translateZ(0)}.cs-btn:disabled{opacity:.7;cursor:not-allowed}.cs-btnShine{position:absolute;inset:-35%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.38),transparent 70%);transform:translate(-70%) rotate(12deg);animation:shine 2.6s ease-in-out infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-85%) rotate(12deg);opacity:.6}50%{transform:translate(25%) rotate(12deg);opacity:1}to{transform:translate(140%) rotate(12deg);opacity:.6}}.cs-status{margin:12px auto 0;width:min(600px,100%);padding:10px 12px;border-radius:14px;font-size:13px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffe0}.cs-status.ok{border-color:#00ffaa40;background:#00ffaa1a}.cs-status.bad{border-color:#ff50504d;background:#ff50501a}.cs-footer{margin-top:18px;font-size:12px;color:#ffffff9e}@media(max-width:640px){.cs-card{padding:38px 16px 22px}.cs-field{flex-direction:column}.cs-btn{width:100%}.cs-logoWrap{width:200px;height:200px}.cs-logo{width:150px;height:150px}.cs-logoHalo,.cs-logoRing{width:200px;height:200px}}