@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");:root{--bg-color:#030014;--text-color:#f8fafc;--accent-blue:#0ea5e9;--accent-purple:#8b5cf6;--accent-cyan:#22d3ee}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative;min-height:100vh}.bg-mesh{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(14,165,233,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.15),transparent 25%),radial-gradient(circle at 50% 80%,rgba(34,211,238,.1),transparent 30%);z-index:-1;animation:bgPulse 10s ease-in-out infinite alternate}@keyframes bgPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.grid-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;z-index:-1;mask-image:linear-gradient(180deg,transparent,#000,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000,transparent)}.main-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.glass-card{background:rgba(15,23,42,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1);padding:4rem 3rem;border-radius:24px;max-width:700px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 40px rgba(139,92,246,.1);position:relative;overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(139,92,246,.1),transparent 30%);animation:rotate 10s linear infinite;z-index:0;pointer-events:none}@keyframes rotate{to{transform:rotate(1turn)}}.content{position:relative;z-index:1}.title{font-size:4.5rem;font-weight:700;margin:0 0 1.5rem;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(165,180,252,.3)}.subtitle{font-size:1.25rem;line-height:1.6;color:#94a3b8;font-weight:300;max-width:500px;margin:0 auto 3rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;background:rgba(14,165,233,.1);color:#38bdf8;border:1px solid rgba(14,165,233,.3);font-weight:500;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 0 20px rgba(14,165,233,.2);animation:pulse 2s infinite}.badge-dot{width:8px;height:8px;background-color:#38bdf8;border-radius:50%;box-shadow:0 0 10px #38bdf8}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(14,165,233,.4)}70%{box-shadow:0 0 0 15px rgba(14,165,233,0)}to{box-shadow:0 0 0 0 rgba(14,165,233,0)}}.decorator{position:absolute;width:15px;height:15px;border:1px solid hsla(0,0%,100%,.2);pointer-events:none}.decorator-tl{top:20px;left:20px;border-right:none;border-bottom:none}.decorator-tr{top:20px;right:20px;border-left:none;border-bottom:none}.decorator-bl{bottom:20px;left:20px;border-right:none;border-top:none}.decorator-br{bottom:20px;right:20px;border-left:none;border-top:none}