:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffe6;background:linear-gradient(135deg,#ff9ff3,#f368e0 40%,#ff6b6b);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100%;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#ff9ff3,#f368e0 40%,#ff6b6b);overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;padding:0;margin:0}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #00000040}h1,h2,h3,h4{margin:0;color:#fff;font-weight:600}p{margin:0;color:#ffffffd9;line-height:1.6}button{border-radius:8px;border:1px solid rgba(255,255,255,.3);padding:.6em 1.2em;font-size:1em;font-weight:600;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background:#fff3;border-color:#ffffff80}a{font-weight:500;color:#ffeaa7;text-decoration:none}a:hover{color:#fdcb6e}@media(max-width:768px){#root{padding:0}.card{width:100%;padding:1.5rem}}@media(prefers-color-scheme:light){:root,body{background:linear-gradient(135deg,#ffd6f6,#ffb2e0 40%,#ffa3b3);color:#222}}