*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1b2838,#2a475e);color:#c7d5e0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:300;color:#fff;margin-bottom:15px}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}p{margin-bottom:12px;color:#b8b8b8}a{color:#66c0f4;text-decoration:none;transition:color .3s ease}a:hover{color:#4da8d8}.container{max-width:1200px;margin:0 auto;padding:20px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#16202d}::-webkit-scrollbar-thumb{background:#66c0f4;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#4da8d8}::selection{background:#66c0f44d;color:#fff}*:focus{outline:2px solid rgba(102,192,244,.5);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#8f98a0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.d-flex{display:flex}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}@media(max-width:768px){body{font-size:14px}h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}.container{padding:15px}}