:root{--bg-dark: #0a0b0d;--bg-card: #161a1d;--accent-primary: #5d5dff;--accent-secondary: #00d2ff;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .08);--glass-bg: rgba(16, 20, 24, .75)}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.navbar-brand{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1020}.gradient-text{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-accent-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary-gradient{background:linear-gradient(135deg,var(--accent-primary) 0%,#4a4aff 100%);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #5d5dff4d}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5d5dff66;color:#fff}.card-premium{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:transform .3s ease,border-color .3s ease}.card-premium:hover{border-color:#5d5dff4d}.nav-link-custom{color:var(--text-secondary);font-weight:500;transition:color .3s ease;position:relative}.nav-link-custom:hover,.nav-link-custom.active,.navbar-nav .nav-link-custom.active,.navbar-nav .nav-link-custom:focus{color:var(--text-primary)!important}.nav-link-custom:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent-primary);transition:width .3s ease}.nav-link-custom:hover:after,.nav-link-custom.active:after{width:100%}.hero-section{padding:120px 0 80px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 0}.feature-card{padding:2rem;height:100%}.feature-icon{width:48px;height:48px;background:#5d5dff1a;color:var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.border-dashed{border-style:dashed!important;border-width:2px!important}.gradient-bg-alt{background:linear-gradient(135deg,#5d5dff0d,#00d2ff0d)}@keyframes pulse-green{0%{box-shadow:0 0 #28a745b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #28a74500;transform:scale(1)}to{box-shadow:0 0 #28a74500;transform:scale(.95)}}.glow-dot{animation:pulse-green 2s infinite;box-shadow:0 0 8px #28a745cc}.space-card{transition:all .3s ease;border:2px solid transparent!important}.space-card:hover{border-color:#3b82f6!important;box-shadow:0 0 15px #3b82f64d!important}.alert-wrapper{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;width:100%;max-width:400px;padding:0 20px;pointer-events:none}.alert-premium{pointer-events:auto;position:relative;background:#161a1dcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;color:var(--text-primary);box-shadow:0 10px 30px #00000080;display:flex;align-items:center;justify-content:space-between;overflow:hidden;animation:slideInDown .4s ease-out}.alert-content{display:flex;align-items:center;gap:12px;font-weight:500}.alert-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-size:1.25rem}.alert-close:hover{color:var(--text-primary)}.alert-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));width:100%;transform-origin:left;animation:progressTimer 4s linear forth}@keyframes progressTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-success .alert-progress-bar{background:linear-gradient(to right,#10b981,#34d399)}.alert-error .alert-progress-bar{background:linear-gradient(to right,#ef4444,#f87171)}.alert-info .alert-progress-bar{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary))}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease-out}.modal-container{background:#161a1dd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;font-family:Outfit,sans-serif;color:var(--text-primary)}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff0d;color:var(--text-primary)}.modal-body{padding:1.5rem;color:var(--text-secondary);line-height:1.6}.modal-footer{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--border-color)}.btn-modal{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;transition:all .2s ease;font-size:.95rem}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background:#ffffff0d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.animate-pulse{animation:pulse 1.5s infinite ease-in-out}.main-page{background-color:#000}
