.av-page-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(180deg,#f0f9ff,#e0f2fe,#f0f9ff);min-height:100vh}.av-page-container:before{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(59,130,246,.03) 10px,rgba(59,130,246,.03) 20px);animation:soundWaveMove 3s linear infinite;pointer-events:none;z-index:0}@keyframes soundWaveMove{0%{transform:translate(0)}to{transform:translate(20px)}}.av-page-container:after{content:"♪ ♫ ♬";position:fixed;font-size:3rem;color:#3b82f61a;animation:musicNotesFloat 15s ease-in-out infinite;pointer-events:none;z-index:0;letter-spacing:50px}@keyframes musicNotesFloat{0%{top:80%;left:-10%;transform:rotate(-10deg)}50%{top:20%;left:50%;transform:rotate(10deg)}to{top:80%;left:110%;transform:rotate(-10deg)}}.av-header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#6366f1);border-radius:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 40px #3b82f64d}.av-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Crect x='5' y='10' width='3' height='10' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='10;20;10' dur='0.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='15' y='5' width='3' height='15' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='15;8;15' dur='0.7s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='25' y='8' width='3' height='12' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='12;18;12' dur='0.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='35' y='3' width='3' height='17' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='17;5;17' dur='0.6s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='45' y='7' width='3' height='13' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='13;20;13' dur='0.55s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='55' y='4' width='3' height='16' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='16;9;16' dur='0.45s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='65' y='9' width='3' height='11' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='11;17;11' dur='0.65s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='75' y='6' width='3' height='14' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='14;7;14' dur='0.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='85' y='11' width='3' height='9' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='9;15;9' dur='0.75s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='95' y='8' width='3' height='12' fill='rgba(255,255,255,0.3)'%3E%3Canimate attributeName='height' values='12;6;12' dur='0.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E") repeat-x;background-size:200px 60px;animation:equalizerMove 2s linear infinite}@keyframes equalizerMove{0%{background-position-x:0}to{background-position-x:200px}}.av-header h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.av-subtitle{font-size:1.2rem;opacity:.9;margin-top:.5rem;position:relative;z-index:1;animation:subtitleFade 1s ease-out}@keyframes subtitleFade{0%{opacity:0;transform:translateY(10px)}to{opacity:.9;transform:translateY(0)}}.av-block{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #3b82f61a;position:relative;overflow:hidden;transition:all .4s ease;animation:blockSlideIn .6s ease-out backwards}.av-block:nth-child(1){animation-delay:.1s}.av-block:nth-child(2){animation-delay:.2s}.av-block:nth-child(3){animation-delay:.3s}.av-block:nth-child(4){animation-delay:.4s}@keyframes blockSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.av-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#3b82f6);background-size:300% 100%;animation:borderWave 3s linear infinite}@keyframes borderWave{0%{background-position:0 50%}to{background-position:300% 50%}}.av-block:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #3b82f633}.av-block:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease}.av-block:hover:after{width:400px;height:400px}.av-block-overview{border-left:5px solid #3b82f6}.av-block-mechanisms{border-left:5px solid #8b5cf6}.av-block-effectiveness{border-left:5px solid #10b981}.av-block-risks{border-left:5px solid #ef4444}.av-block-marker{position:absolute;left:0;top:0;bottom:0;width:5px}.av-marker-blue{background:linear-gradient(180deg,#3b82f6,#2563eb);animation:markerGlow 2s ease-in-out infinite}.av-marker-purple{background:linear-gradient(180deg,#8b5cf6,#7c3aed);animation:markerGlow 2s ease-in-out infinite .5s}.av-marker-green{background:linear-gradient(180deg,#10b981,#059669);animation:markerGlow 2s ease-in-out infinite 1s}.av-marker-red{background:linear-gradient(180deg,#ef4444,#dc2626);animation:markerGlow 2s ease-in-out infinite 1.5s}.av-marker-orange{background:linear-gradient(180deg,#f59e0b,#d97706)}@keyframes markerGlow{0%,to{box-shadow:0 0 5px currentColor;opacity:1}50%{box-shadow:0 0 15px currentColor,0 0 30px currentColor;opacity:.8}}.av-block-content{position:relative;z-index:1}.av-block-content h2,.av-block-content h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1f2937}.av-block-icon{font-size:1.5em;animation:iconVibrate .5s ease-in-out infinite}@keyframes iconVibrate{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.av-list{list-style:none;padding:0;margin:1rem 0}.av-list li{padding:.75rem 0 .75rem 2rem;position:relative;line-height:1.6;color:#374151;transition:all .3s ease}.av-list li:before{content:"▸";position:absolute;left:0;color:#3b82f6;font-weight:700;animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:1}50%{transform:translate(3px);opacity:.7}}.av-list li:hover{background:linear-gradient(90deg,rgba(59,130,246,.05) 0%,transparent 100%);padding-left:2.5rem;border-radius:8px}.av-effectiveness-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;margin:1rem 0;box-shadow:0 4px 15px #10b9814d;animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.av-effectiveness-badge:before{content:"📊";animation:iconSpin 3s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.av-warning-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:5px solid #f59e0b;padding:1.5rem;border-radius:12px;margin:1.5rem 0;position:relative;overflow:hidden;animation:warningShake 5s ease-in-out infinite}@keyframes warningShake{0%,90%,to{transform:translate(0)}92%,96%{transform:translate(-3px)}94%,98%{transform:translate(3px)}}.av-warning-box:before{content:"⚠️";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:2rem;opacity:.2;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:.2;transform:translateY(-50%) scale(1)}50%{opacity:.4;transform:translateY(-50%) scale(1.1)}}.av-warning-box h4{color:#d97706;margin-top:0;display:flex;align-items:center;gap:.5rem}.av-info-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:5px solid #3b82f6;padding:1.5rem;border-radius:12px;margin:1.5rem 0;transition:all .3s ease;position:relative}.av-info-box:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:infoShine 3s ease-in-out infinite}@keyframes infoShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.av-info-box:hover{transform:scale(1.02);box-shadow:0 10px 30px #3b82f626}.av-info-box h4{color:#1e40af;margin-top:0;position:relative;z-index:1}.av-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.av-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem;border-radius:12px;border:2px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.av-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.1),transparent);animation:cardRotate 10s linear infinite;opacity:0;transition:opacity .3s ease}.av-card:hover:before{opacity:1}@keyframes cardRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.av-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #3b82f626;border-color:#3b82f6}.av-card h4{color:#1f2937;margin-top:0;margin-bottom:.75rem;position:relative;z-index:1}.av-back-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;color:#3b82f6;text-decoration:none;font-weight:600;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:25px;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.av-back-link:hover{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translate(-10px);box-shadow:0 10px 25px #3b82f64d}@media(max-width:768px){.av-header h1{font-size:1.75rem}.av-grid-2{grid-template-columns:1fr}.av-block{padding:1.5rem}.av-header{padding:2rem 1rem}}@media(max-width:480px){.av-page-container{padding:1rem}.av-header h1{font-size:1.5rem}.av-card,.av-block{padding:1rem}}.av-page-container a[href*="wikipedia.org"]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.1em .4em;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid rgba(30,64,175,.2);box-shadow:0 1px 3px #3b82f633}.av-page-container a[href*="wikipedia.org"]:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a;box-shadow:0 3px 8px #3b82f666;transform:translateY(-1px)}.av-page-container a[href*="wikipedia.org"]:after{content:" 📖";font-size:.75em;opacity:.7}