*{box-sizing:border-box}:root{--primary-color:#06b6d4;--secondary-color:#0891b2;--accent-color:#22d3ee;--gradient-start:#0ea5e9;--gradient-end:#06b6d4;--text-color:#1e293b;--text-light:#64748b;--background-color:#f8fafc;--card-background:#fff;--border-color:#e2e8f0;--card-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--border-radius:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--text-color:#e2e8f0;--text-light:#94a3b8;--background-color:#0f172a;--card-background:#1e293b;--border-color:#334155;--card-shadow:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}[data-theme=dark] .card{border-color:var(--border-color)}[data-theme=dark] h1,[data-theme=dark] input{color:var(--text-color)}[data-theme=dark] input::placeholder{color:var(--text-light)}body,html{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;min-height:100vh;max-width:100vw;background:var(--background-color);line-height:1.6;color:var(--text-color)}.container{padding:1.5rem 2rem 2rem;margin:0 auto;max-width:1400px;width:100%;overflow-x:hidden;box-sizing:border-box;z-index:1;min-height:calc(100vh - 64px)}.container,h1{position:relative}h1{font-size:2.25rem;font-weight:700;color:var(--text-color);margin:2rem 0 .5rem;animation:fadeInDown 1s ease-out;letter-spacing:-.5px}.subtitle,h1{text-align:center}.subtitle{color:var(--text-light);font-size:.95rem;margin:0 0 1.5rem;font-weight:400;animation:fadeInDown 1s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.card{line-height:1.8;margin:0 auto 2rem;width:100%;max-width:1000px;padding:2rem;overflow-wrap:break-word;overflow-x:hidden;background:var(--card-background);box-shadow:var(--card-shadow);border-radius:var(--border-radius);transition:var(--transition);animation:fadeInUp 1s ease-out .3s both;position:relative;border:1px solid var(--border-color);box-sizing:border-box}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding:.75rem}h1{font-size:1.75rem;margin-bottom:.25rem}.subtitle{font-size:.95rem;margin-bottom:1.5rem}.card{padding:1rem;margin:.75rem auto;border-radius:12px}}@media (max-width:480px){.container{padding:.5rem}h1{letter-spacing:-.3px}h1,h1:before{font-size:1.5rem}h1:before{margin-right:.25rem}.subtitle{font-size:.85rem;margin-bottom:1rem;letter-spacing:.3px}.card{padding:.875rem;border-radius:10px;margin:.5rem auto}}