:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#60a5fa;--bg-main:#0a0e1a;--bg-surface:#111827;--bg-elevated:#1f2937;--bg-hover:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#374151;--border-light:#4b5563;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#06b6d4;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.6),0 10px 10px -5px rgba(0,0,0,0.4);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--container-max-width:1280px;--header-height:70px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-main);min-height:100vh;overflow-x:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4);width:100%}@media (min-width:768px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--primary);color:white}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-light)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-light)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-color)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-color);background-color:var(--bg-elevated)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.form-control{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:var(--font-family)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:120px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.mt-0{margin-top:0}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.hidden{display:none}.visible{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}@media (max-width:767px){:root{--text-4xl:1.75rem;--text-3xl:1.5rem;--text-2xl:1.25rem}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-md);border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) var(--bg-main)}.under-construction-banner{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#1f2937;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-lg);border:2px solid #fbbf24;animation:pulse-banner 2s ease-in-out infinite}.under-construction-banner .banner-icon{font-size:2rem;flex-shrink:0}.under-construction-banner .banner-content{flex:1}.under-construction-banner .banner-title{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-1);color:#1f2937}.under-construction-banner .banner-text{font-size:var(--text-sm);opacity:0.9;margin:0;color:#374151}@keyframes pulse-banner{0%,100%{box-shadow:0 4px 15px rgba(245,158,11,0.3)}50%{box-shadow:0 4px 25px rgba(245,158,11,0.5)}}@media (max-width:768px){.under-construction-banner{flex-direction:column;text-align:center;padding:var(--space-4)}.under-construction-banner .banner-icon{font-size:1.5rem}}