:root{--bg-primary: #0f0f12;--bg-secondary: #14151a;--bg-tertiary: #18181b;--bg-elevated: #1c1c20;--bg-panel: #16161a;--glass-bg: rgba(24, 24, 27, .7);--glass-border: rgba(167, 139, 250, .1);--glass-glow: rgba(124, 58, 237, .15);--accent-primary: #7c3aed;--accent-secondary: #8b5cf6;--accent-purple: #a78bfa;--accent-success: #00ff94;--accent-danger: #ff4757;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-cyber: linear-gradient( 135deg, #7c3aed 0%, #8b5cf6 50%, #a78bfa 100% );--glow-cyan: 0 0 20px rgba(124, 58, 237, .3);--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-blue: 0 0 20px rgba(167, 139, 250, .3);--text-primary: #ffffff;--text-secondary: #a8a8b8;--text-muted: #52525b;--text-highlight: #a78bfa;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-primary)!important;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.navbar{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000004d;color:var(--text-primary);padding:1rem 2.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.navbar .nav-brand a{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-size:1.5rem;font-weight:700;letter-spacing:-1px;transition:all var(--transition-fast);position:relative;display:inline-block;z-index:1}.navbar .nav-brand a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal);pointer-events:none}.navbar .nav-brand a:hover:after{width:100%}.navbar .nav-menu{list-style:none;display:flex;gap:.25rem;margin:0;padding:0}.navbar .nav-menu li a{color:var(--text-secondary);text-decoration:none;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.9375rem;transition:all var(--transition-fast);position:relative;display:inline-block;z-index:1}.navbar .nav-menu li a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-sm);pointer-events:none;z-index:-1}.navbar .nav-menu li a:hover{color:var(--text-primary);background:#7c3aed0d;box-shadow:var(--glow-purple)}.navbar .nav-menu li a:hover:before{opacity:.1}.navbar .nav-menu li a.active{color:var(--accent-primary);background:#7c3aed1a;box-shadow:var(--glow-purple);border:1px solid rgba(124,58,237,.2)}.main-content{flex:1;background:transparent;min-height:calc(100vh - 180px);padding:var(--space-lg)}.footer{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);color:var(--text-muted);text-align:center;padding:2rem;font-size:.875rem}.footer .footer-content{max-width:1200px;margin:0 auto}.footer .footer-content p{margin:0 0 1rem;color:var(--text-secondary)}.footer .footer-content p .footer-link{color:var(--accent-primary);text-decoration:none;transition:all var(--transition-fast);border-bottom:1px solid transparent}.footer .footer-content p .footer-link:hover{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.footer .footer-content .footer-env-info{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-muted)}.footer .footer-content .footer-env-info .env-item{display:inline-flex;align-items:center;gap:.25rem}.footer .footer-content .footer-env-info .env-item strong{color:var(--text-secondary);font-weight:500}