@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#38bdf8;--card-bg:#ffffff0d;--card-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.app-container{perspective:1000px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);text-align:center;border-radius:24px;padding:4rem 6rem;transition:transform .3s,box-shadow .3s;animation:6s ease-in-out infinite float;box-shadow:0 25px 50px -12px #00000080}.glass-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 30px 60px -12px #0009,0 0 20px #38bdf833}.title{background:linear-gradient(90deg,#38bdf8,#818cf8,#38bdf8);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:5rem;font-weight:800;animation:3s linear infinite shimmer}.subtitle{color:var(--text-secondary);letter-spacing:.05em;opacity:0;font-size:1.25rem;font-weight:400;animation:1s ease-out .5s forwards fadeUp}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}