:root,[data-theme=dark]{--bg-primary: #003049;--bg-secondary: #01263a;--card-bg: #014066;--text-primary: #EEF0F2;--text-secondary: #c4c8cc;--accent-color: #00c8ff;--accent-glow: rgba(0, 200, 255, .4);--border-color: #EEF0F2;--button-bg: #014066;--button-hover: #025180}[data-theme=light]{--bg-primary: #EEF0F2;--bg-secondary: #ffffff;--card-bg: #ffffff;--text-primary: #003049;--text-secondary: #4a6c82;--accent-color: #0066cc;--accent-glow: rgba(0, 102, 204, .3);--border-color: #cfd3d6;--button-bg: #f4f5f6;--button-hover: #e5e7ea}*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.logo-cuyabra{font-family:cuyabra,sans-serif;font-size:1.9rem;font-weight:500;letter-spacing:.12em;text-transform:lowercase;color:var(--text-primary)}.theme-toggle{background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;width:48px;height:48px;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background:var(--button-hover);border-color:var(--accent-color);transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0)}.footer{border-top:1px solid var(--border-color);padding:2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.copyright{color:var(--text-secondary);font-size:.9rem}.datetime{font-family:Courier New,monospace;color:var(--accent-color);font-size:1rem;font-weight:600;letter-spacing:.05em;text-shadow:0 0 10px var(--accent-glow)}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:1rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.supa-text h1{font-size:2.4rem;font-family:Tahoma,sans-serif;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.supa-text h2{font-size:1.4rem;font-family:Tahoma,sans-serif;font-weight:400;color:var(--text-secondary);max-width:720px;margin:0 auto}.supa-card,.supa-message{display:none}@media(max-width:768px){.main-content{padding:2rem 1rem}.supa-text h1{font-size:1.8rem}.supa-text h2{font-size:1.1rem}}.supa-text{max-width:900px;transition:opacity 1s ease}.supa-text.is-visible{opacity:1}.supa-text.is-hidden{opacity:0}.supa-text h1{font-size:2.4rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.supa-text h2{font-size:1.4rem;font-weight:400;color:var(--text-secondary);max-width:720px;margin:0 auto}@media(max-width:768px){.supa-text h1{font-size:1.8rem}.supa-text h2{font-size:1.1rem}}