:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit;transition:color .3s ease}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;padding:1rem}h1{font-size:3.2em;line-height:1.1;margin:.5em 0;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#app{width:100%;max-width:600px;margin:0 auto}.container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.subtitle{color:#fffc;font-size:1.1em;margin:0 0 2em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s,transform .3s;filter:drop-shadow(0 0 1em rgba(100,108,255,.3))}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transform:scale(1.05)}.card{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:2em;margin:2em 0;border:1px solid rgba(255,255,255,.2)}.card p{font-size:1.5em;margin:0 0 1.5em;color:#ffffffe6;font-weight:500}#counter{font-size:1.2em;font-weight:700;color:#fff;background:#646cff4d;padding:.25em .75em;border-radius:8px;display:inline-block;min-width:3em}.button-group{display:flex;gap:1em;justify-content:center;flex-wrap:wrap}button{border-radius:12px;border:2px solid rgba(255,255,255,.3);padding:.8em 1.8em;font-size:1em;font-weight:600;font-family:inherit;background:#fff3;color:#ffffffe6;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:100px}button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:3px solid rgba(100,108,255,.5);outline-offset:2px}.footer{color:#ffffffb3;font-size:.9em;margin-top:2em;padding-top:1.5em;border-top:1px solid rgba(255,255,255,.2)}@media(prefers-color-scheme:light){:root{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}.container{background:#ffffff40}h1{background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:#fff3}button{background:#ffffff4d;color:#fff}button:hover{background:#fff6}}@media(max-width:600px){h1{font-size:2.5em}.container{padding:2rem 1.5rem}.button-group{flex-direction:column}button{width:100%}}