body{margin:0;padding:0;width:100%;box-sizing:border-box;--glass-bg: rgba(15, 15, 25, 0.75);--glass-border: rgba(255, 255, 255, 0.1);--glass-highlight: rgba(255, 255, 255, 0.05);--glass-shadow: rgba(0, 0, 0, 0.5);--cyber-primary: #00f3ff;--cyber-secondary: #ff006e;--cyber-tertiary: #8338ec;--cyber-success: #06ffa5;--cyber-warning: #ffbe0b;--text-primary: #f8f9fa;--text-secondary: rgba(248, 249, 250, 0.7);--text-muted: rgba(248, 249, 250, 0.5);--file-margins: 0px;--gradient-cyber: linear-gradient( 135deg, var(--cyber-primary) 0%, var(--cyber-tertiary) 100% );--gradient-glass: linear-gradient( 135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100% );--spacing-unit: 8px;--spacing-xs: calc(var(--spacing-unit) * 1);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--spacing-2xl: calc(var(--spacing-unit) * 8);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a0f;background-image:radial-gradient(circle at 20% 50%, rgba(0, 243, 255, 0.05) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(131, 56, 236, 0.05) 0%, transparent 50%);background-attachment:fixed;color:var(--text-primary) !important;line-height:1.6}body .glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}body .glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px var(--cyber-primary)}body .content{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl);background:rgba(0,0,0,0)}body .content>header{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 8px 32px var(--glass-shadow)}body h1{font-size:clamp(2.5rem,5vw,4rem) !important;font-weight:700 !important;letter-spacing:-0.02em;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:var(--spacing-lg) !important;line-height:1.1 !important}body h2{font-size:clamp(1.75rem,3vw,2.5rem) !important;font-weight:600 !important;color:var(--cyber-primary) !important;margin-top:var(--spacing-xl) !important;margin-bottom:var(--spacing-md) !important;position:relative;padding-left:var(--spacing-md)}body h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:80%;background:var(--gradient-cyber);border-radius:2px}body h3{font-size:clamp(1.25rem,2vw,1.75rem) !important;font-weight:600 !important;color:var(--cyber-secondary) !important;margin-top:var(--spacing-lg) !important;margin-bottom:var(--spacing-sm) !important}body h4{font-size:1.25rem !important;font-weight:500 !important;color:var(--cyber-tertiary) !important;margin-top:var(--spacing-md) !important;margin-bottom:var(--spacing-sm) !important}body p{color:var(--text-secondary) !important;margin-bottom:var(--spacing-md);font-size:1.0625rem}body a{color:var(--cyber-primary) !important;text-decoration:none !important;position:relative;transition:color .2s ease}body a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-cyber);transition:width .3s cubic-bezier(0.4, 0, 0.2, 1)}body a:hover{color:var(--cyber-secondary) !important}body a:hover::after{width:100%}body a.is-unresolved{color:rgba(0,243,255,.5) !important;opacity:.6}body blockquote{background:rgba(0,243,255,.05) !important;border-left:4px solid var(--cyber-primary) !important;margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;backdrop-filter:blur(10px)}body blockquote:before{color:var(--cyber-primary) !important}body blockquote p{color:var(--text-secondary) !important}body pre{background:rgba(0,0,0,.5) !important;border:1px solid var(--glass-border) !important;border-radius:12px !important;padding:var(--spacing-md) !important;overflow-x:auto;backdrop-filter:blur(10px);margin:var(--spacing-md) 0}body code{font-family:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace !important;font-size:.875rem;color:var(--cyber-success) !important}body p>code,body li>code{background:rgba(0,243,255,.1) !important;color:var(--cyber-primary) !important;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,243,255,.2)}body ul,body ol{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}body ul li,body ol li{margin-bottom:var(--spacing-xs);color:var(--text-secondary) !important}body ul li::marker,body ol li::marker{color:var(--cyber-primary)}body table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-lg) 0;background:var(--glass-bg);backdrop-filter:blur(20px);border-radius:12px;overflow:hidden;border:1px solid var(--glass-border)}body table thead{background:rgba(0,243,255,.1)}body table thead th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--cyber-primary) !important;border-bottom:1px solid var(--glass-border)}body table tbody tr{border-bottom:1px solid var(--glass-border)}body table tbody tr:hover{background:rgba(255,255,255,.03)}body table tbody tr:last-child{border-bottom:none}body table tbody td{padding:var(--spacing-md);color:var(--text-secondary) !important}body .tag{display:inline-flex;align-items:center;padding:4px 12px !important;background:rgba(131,56,236,.1) !important;border:1px solid rgba(131,56,236,.3) !important;border-radius:6px !important;font-size:.75rem !important;color:var(--cyber-tertiary) !important;text-transform:uppercase;letter-spacing:.05em;margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);text-decoration:none !important}body .tag:hover{background:rgba(131,56,236,.2) !important;border-color:rgba(131,56,236,.5) !important}body .tag:hover::after{display:none}body .header-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-md)}body nav,body .navbar{background:var(--glass-bg) !important;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--glass-border) !important;position:sticky;top:0;z-index:1000;padding:var(--spacing-md) var(--spacing-xl) !important;width:100%;box-sizing:border-box}body nav .navbar-inner,body .navbar .navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:var(--spacing-xl)}body nav h1,body .navbar h1{font-size:1.5rem !important;margin:0 !important;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}body nav a,body .navbar a{color:var(--text-primary) !important;font-weight:500;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:8px;transition:all .2s ease}body nav a:hover,body .navbar a:hover{color:var(--cyber-primary) !important;background:rgba(0,243,255,.1)}body nav a:hover::after,body .navbar a:hover::after{display:none}body nav a::after,body .navbar a::after{display:none}body .nav-menu{display:flex;gap:var(--spacing-md);align-items:center;list-style:none;margin:0;padding:0}body .nav-menu li{margin:0}body .nav-menu a{text-decoration:none !important;white-space:nowrap}body .nav-toggle{display:none;background:none;border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--spacing-xs);border-radius:8px;cursor:pointer}body .nav-toggle:hover{background:rgba(0,243,255,.1);border-color:var(--cyber-primary)}@media(max-width: 768px){body .navbar{padding:var(--spacing-sm) var(--spacing-md) !important}body .navbar-inner{flex-wrap:wrap}body .nav-toggle{display:block}body .nav-menu{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}body .nav-menu.active{display:flex}}body .sidebar{background:var(--glass-bg) !important;backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;padding:var(--spacing-lg)}body .sidebar .toc a{color:var(--text-secondary) !important;font-size:.9rem}body .sidebar .toc a:hover{color:var(--cyber-primary) !important}body .search-container input[type=text],body .search-container input[type=search]{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}body .search-container input[type=text]:focus,body .search-container input[type=search]:focus{outline:none;border-color:var(--cyber-primary);box-shadow:0 0 0 3px rgba(0,243,255,.1)}body .search-container input[type=text]::placeholder,body .search-container input[type=search]::placeholder{color:var(--text-muted)}body .callout{background:var(--glass-bg) !important;backdrop-filter:blur(20px);border-radius:12px !important;border-width:0 0 0 4px !important;margin:var(--spacing-lg) 0 !important}body .callout .callout-title{font-weight:600}body .callout .callout-content p{color:var(--text-secondary) !important}body .timestamps{display:flex;gap:var(--spacing-md);color:var(--text-muted) !important;font-size:.875rem;margin-top:var(--spacing-sm)}body .timestamps div{display:flex;align-items:center;gap:var(--spacing-xs)}body hr{border:none;height:1px;background:var(--glass-border);margin:var(--spacing-xl) 0}body img{border-radius:12px;max-width:100%;height:auto;border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow)}@media(max-width: 1024px){body .content{padding:var(--spacing-lg)}body .navbar-inner{padding:0 var(--spacing-md)}body .course-grid,body .template-grid{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--spacing-md)}}@media(max-width: 768px){body .content{padding:var(--spacing-md)}body h1{font-size:2rem !important}body h2{font-size:1.5rem !important;padding-left:var(--spacing-sm)}body h2::before{width:3px}body h3{font-size:1.25rem !important}body .hero{padding:0}body .hero .hero-title{font-size:clamp(2rem,8vw,3rem) !important}body .hero .hero-subtitle{font-size:1rem !important;padding:0 var(--spacing-md)}body .hero .hero-cta{flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}body .hero .hero-cta .btn{width:100%;max-width:300px;margin:0 auto}body .btn{padding:var(--spacing-sm) var(--spacing-lg) !important;font-size:.95rem !important;min-width:180px;margin:var(--spacing-xs)}body .course-grid,body .template-grid{grid-template-columns:1fr;gap:var(--spacing-md)}body .video-container{padding:var(--spacing-md);margin:var(--spacing-lg) 0}body .navbar{padding:var(--spacing-sm) var(--spacing-md) !important}body .navbar-inner{flex-wrap:wrap;gap:var(--spacing-sm)}body .nav-toggle{display:block}body .nav-menu{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}body .nav-menu.active{display:flex}body .nav-menu li{width:100%}body .nav-menu li a{display:block;width:100%;padding:var(--spacing-sm)}}@media(max-width: 480px){body .content{padding:var(--spacing-sm)}body h1{font-size:1.75rem !important}body h2{font-size:1.25rem !important}body .hero .hero-title{font-size:1.75rem !important}body .hero .hero-subtitle{font-size:.9rem !important}body .btn{font-size:.875rem !important;padding:var(--spacing-sm) var(--spacing-md) !important}body table{font-size:.875rem}body table th,body table td{padding:var(--spacing-sm)}}body .video-container{margin:var(--spacing-2xl) 0;padding:var(--spacing-lg)}body .video-container.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--glass-shadow)}body .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.3)}body .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}body .btn{display:inline-flex !important;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) !important;background:var(--glass-bg) !important;backdrop-filter:blur(20px);border:1px solid var(--glass-border) !important;border-radius:12px !important;color:var(--text-primary) !important;font-weight:600 !important;font-size:1.05rem !important;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1) !important;text-decoration:none !important;position:relative;min-width:220px;justify-content:center;margin:0 var(--spacing-md)}body .btn:hover{background:var(--gradient-cyber) !important;border-color:rgba(0,0,0,0) !important;color:#0a0a0f !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(0,243,255,.3) !important}body .btn:hover::after{display:none !important}body .btn.btn-primary{background:var(--gradient-cyber) !important;border-color:rgba(0,0,0,0) !important;color:#0a0a0f !important;font-weight:700 !important}body .btn.btn-primary:hover{box-shadow:0 8px 24px rgba(0,243,255,.5) !important;transform:translateY(-2px) scale(1.02) !important}.nav-auth{display:flex;align-items:center;margin-left:auto;margin-right:1rem}.btn-auth{padding:.5rem 1.25rem !important;min-width:auto !important;font-size:.9rem !important;background:linear-gradient(135deg, var(--cyber-primary), var(--cyber-accent)) !important;border:none !important;color:#000 !important;font-weight:600 !important}.btn-auth:hover{transform:translateY(-2px) !important;box-shadow:0 4px 20px rgba(0,243,255,.4) !important}.user-menu{position:relative;display:flex;align-items:center}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-primary);cursor:pointer;transition:all .2s}.user-menu-trigger:hover{background:rgba(255,255,255,.1);border-color:var(--cyber-primary)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name{font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:rgba(20,20,35,.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{display:block;padding:.625rem .875rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;font-size:.9rem;transition:all .15s}.user-dropdown a:hover{background:rgba(0,243,255,.1);color:var(--cyber-primary)}.user-dropdown hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.5rem 0}.nav-toggle{position:relative;z-index:1001}.nav-toggle .nav-icon-line{transition:all .3s ease;transform-origin:center}.nav-toggle.active .nav-icon-line-1{transform:translateY(6px) rotate(45deg)}.nav-toggle.active .nav-icon-line-2{opacity:0}.nav-toggle.active .nav-icon-line-3{transform:translateY(-6px) rotate(-45deg)}.mobile-auth-section{display:none}.mobile-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:1rem 0}.mobile-auth-btn a,.mobile-user-links a{display:block;padding:.75rem 0;color:var(--text-primary);text-decoration:none;font-size:1rem}.mobile-auth-btn a:hover,.mobile-user-links a:hover{color:var(--cyber-primary)}@media(max-width: 768px){.nav-auth{display:none}.mobile-auth-section{display:block;width:100%;text-align:center;margin-bottom:1rem}.mobile-sign-in-btn{display:inline-block;padding:.75rem 2rem !important;background:linear-gradient(135deg, #00f3ff, #7b2ff7) !important;color:#000 !important;font-weight:600 !important;border-radius:10px;text-decoration:none;font-size:1rem !important}.mobile-user-links{display:flex;flex-direction:column;gap:.5rem}.mobile-user-links a{padding:.5rem 1rem !important;font-size:1rem !important}.mobile-divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:1rem 0 .5rem;width:80%;margin-left:auto;margin-right:auto}.nav-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#05050f;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1000;padding:80px 2rem 2rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;margin:0;overscroll-behavior:contain}.nav-menu.active{display:flex}.nav-menu li{margin:.4rem 0;text-align:center;list-style:none;width:100%}.nav-menu li a{font-size:1.2rem;padding:.6rem 1.5rem;display:block;color:var(--text-primary);text-decoration:none}.nav-menu li a:hover{color:var(--cyber-primary)}.nav-toggle{display:flex;z-index:1001}.navbar{position:relative;z-index:1002}}@media(max-width: 480px){.auth-modal-content{width:95% !important;max-width:none !important;padding:1.5rem !important;margin:.5rem;max-height:90vh;overflow-y:auto}.auth-form h2{font-size:1.5rem !important}.auth-subtitle{font-size:.9rem}.form-group input{padding:.75rem !important;font-size:16px !important}.auth-btn{padding:.875rem 1rem !important;font-size:1rem !important}.google-btn{font-size:.95rem !important}.auth-switch{font-size:.9rem}}/*# sourceMappingURL=custom-style.css.map */