.owasp-page{padding:calc(100px + var(--spacing-xl)) 0 var(--spacing-2xl);min-height:100vh}.owasp-hero{text-align:center;padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xl)}.owasp-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:var(--radius-full);font-weight:700;margin-bottom:var(--spacing-md);animation:pulse-glow 2s ease-in-out infinite}.owasp-badge.critical{background:linear-gradient(135deg,#f043,#f403);border:1px solid rgba(255,68,68,.4);color:#f44}.owasp-badge.high{background:linear-gradient(135deg,#f643,#f803);border:1px solid rgba(255,102,68,.4);color:#f64}.owasp-badge.medium{background:linear-gradient(135deg,#fa03,#ffc80033);border:1px solid rgba(255,170,0,.4);color:#fa0}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px currentColor;opacity:.3}50%{box-shadow:0 0 40px currentColor;opacity:.5}}.owasp-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-md)}.owasp-hero-description{color:var(--color-text-secondary);font-size:1.1rem;max-width:700px;margin:0 auto var(--spacing-lg);line-height:1.7}.owasp-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.owasp-stat{text-align:center;padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:120px}.owasp-stat-value{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--color-accent-1),var(--color-accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.owasp-stat-label{font-size:.85rem;color:var(--color-text-muted)}.owasp-content{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl)}@media(max-width:1024px){.owasp-content{grid-template-columns:1fr}}.owasp-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.owasp-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:sticky;top:100px}.sidebar-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-1);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:8px}.sidebar-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-link{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.sidebar-link:hover,.sidebar-link.active{border-color:var(--color-accent-1);color:var(--color-text-primary);transform:translate(4px)}.sidebar-link.active{background:#00d4ff1a}.content-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.content-section:hover{border-color:var(--glass-border-hover)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-1),var(--color-accent-2));border-radius:var(--radius-md);font-size:1.2rem}.section-title{font-size:1.3rem;font-weight:700}.section-content{color:var(--color-text-secondary);line-height:1.8}.section-content p{margin-bottom:var(--spacing-md)}.section-content h3{color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-md);font-size:1.1rem}.section-content ul{list-style:none;padding:0}.section-content li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.section-content li:before{content:"→";position:absolute;left:0;color:var(--color-accent-3)}.code-block{background:#0d1117;border:1px solid #30363d;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;overflow-x:auto}.code-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid #30363d;margin-bottom:var(--spacing-sm)}.code-lang{font-size:.75rem;color:#8b949e;text-transform:uppercase}.code-label{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm)}.code-label.vulnerable{background:#f443;color:#f44}.code-label.secure{background:#0f83;color:#0f8}.code-block pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#c9d1d9;white-space:pre-wrap}.code-block .comment{color:#8b949e}.code-block .keyword{color:#ff7b72}.code-block .string{color:#a5d6ff}.code-block .function{color:#d2a8ff}.code-block .variable{color:#ffa657}.warning-box{background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-left:4px solid #ffaa00;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.warning-box-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#fa0;margin-bottom:var(--spacing-xs)}.success-box{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-left:4px solid #00ff88;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.success-box-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#0f8;margin-bottom:var(--spacing-xs)}.cve-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.cve-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);transition:all var(--transition-fast)}.cve-card:hover{border-color:var(--color-accent-1)}.cve-severity{width:4px;border-radius:2px;flex-shrink:0}.cve-severity.critical{background:#f44}.cve-severity.high{background:#f64}.cve-severity.medium{background:#fa0}.cve-info{flex:1}.cve-id{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--color-accent-1);margin-bottom:4px}.cve-title{font-weight:600;margin-bottom:4px}.cve-desc{font-size:.9rem;color:var(--color-text-muted)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.lab-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.lab-card:hover{border-color:var(--color-accent-1);transform:translateY(-4px);box-shadow:0 10px 30px #00d4ff33}.lab-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.lab-name{font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.lab-type{font-size:.8rem;color:var(--color-text-muted)}.owasp-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.owasp-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.owasp-nav-btn:hover{border-color:var(--color-accent-1);color:var(--color-text-primary)}.owasp-nav-btn.next{margin-left:auto}