@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-color-1:#1a1a2e;--bg-color-2:#16213e;--text-primary:#fff;--text-secondary:#a0aab2;--accent-color:#0fc;--accent-hover:#00d4aa;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--bg-color-1), var(--bg-color-2));color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.app-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.background-shapes{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.shape-1{background:#ff007f;width:400px;height:400px;top:-100px;left:-100px}.shape-2{background:#00f0ff;width:500px;height:500px;animation-delay:-5s;bottom:-150px;right:-100px}.shape-3{background:#7000ff;width:300px;height:300px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,50px)scale(1.1)}}.glass-card{z-index:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;gap:30px;width:90%;max-width:600px;padding:40px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.glass-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -15px #0009}.card-header{text-align:center}.card-header h1{background:linear-gradient(90deg,#fff,#a0aab2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300}.card-body{flex-direction:column;gap:20px;display:flex}.feature-box{border:1px solid var(--glass-border);background:#0003;border-radius:16px;padding:20px}.feature-box h2{color:var(--accent-color);margin-bottom:10px;font-size:1.5rem}.feature-box p{color:#e2e8f0;line-height:1.6}.interactive-section{text-align:center;margin-top:10px}.action-button{background:var(--accent-color);color:#000;cursor:pointer;border:none;border-radius:50px;padding:15px 30px;font-size:1.2rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #00ffcc4d}.action-button:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:0 6px 20px #00ffcc80}.action-button:active{transform:scale(.95)}.hint{color:var(--text-secondary);margin-top:15px;font-size:.9rem}.card-footer{text-align:center;border-top:1px solid var(--glass-border);color:#fff6;padding-top:20px;font-size:.8rem}@media (width<=480px){.glass-card{padding:30px 20px}.card-header h1{font-size:2rem}}