*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#16213e);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#00cc6a,#0a5)}::selection{background:#00ff884d;color:#fff}::-moz-selection{background:#00ff884d;color:#fff}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #00ff8880}to{box-shadow:0 0 20px #0f8c,0 0 30px #0f89}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.text-primary{color:#0f8}.text-secondary{color:#f06}.text-tertiary{color:gold}.text-muted{color:#888}.text-white{color:#fff}.bg-primary{background:#0f8}.bg-secondary{background:#f06}.bg-tertiary{background:gold}.bg-dark{background:#000c}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:#000c;border:2px solid #333;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:#0f8;box-shadow:0 5px 20px #0f83}.card.primary{border-color:#0f8;background:#00ff881a}.card.secondary{border-color:#f06;background:#ff00661a}.card.tertiary{border-color:gold;background:#ffd7001a}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.badge.primary{background:#0f8;color:#000}.badge.secondary{background:#f06;color:#fff}.badge.tertiary{background:gold;color:#000}input,textarea,select{background:#00000080;border:1px solid #333;border-radius:8px;padding:12px;color:#fff;font-size:14px;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d}input::placeholder,textarea::placeholder{color:#666}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full{width:100%!important}.mobile-center{text-align:center!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;color:#0f8}h2{font-size:2rem;color:#0f8}h3{font-size:1.5rem;color:gold}h4{font-size:1.25rem;color:gold}h5{font-size:1rem;color:#fff}h6{font-size:.875rem;color:#ccc}p{line-height:1.6;margin-bottom:1rem}a{color:#0f8;text-decoration:none;transition:color .3s ease}a:hover{color:#00cc6a;text-decoration:underline}code{background:#0009;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#0f8}pre{background:#000c;padding:15px;border-radius:8px;border-left:4px solid #00ff88;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0;color:#ccc}@media print{*{color:#000!important;background:#fff!important}}