html{background-color:#0f172a}body{background:0 0}body:before{content:"";mix-blend-mode:lighten;opacity:.2;z-index:-1;pointer-events:none;background-image:url(/bg-main.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body{background:0 0;margin:0;padding:0}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #a855f799,0 0 40px #a855f74d}50%{text-shadow:0 0 40px #a855f7,0 0 60px #ec4899cc,0 0 80px #3b82f680,0 0 100px #a855f766}}main{z-index:10;max-width:900px;margin:0 auto;padding:40px 20px;position:relative}h1{color:#d4a5ff;margin-bottom:30px;font-size:32px;animation:3s ease-in-out infinite glowPulse}h2{color:#a855f7;margin-top:40px;margin-bottom:15px;font-size:20px;animation:3s ease-in-out infinite glowPulse}p{color:#7dd3fc;margin-bottom:15px;line-height:1.8}li{color:#7dd3fc;margin-bottom:12px;line-height:1.8}strong,.rainbow{background:linear-gradient(90deg,#d946ef 0%,#a855f7 25%,#3b82f6 50%,#06b6d4 75%,#d946ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.back-link{color:#a855f7;margin-bottom:30px;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.section{opacity:0;background:0 0;border-left:8px solid #a855f7;border-radius:5px;margin-bottom:30px;padding:20px;transition:all .6s;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}.menu-button{color:#fff;cursor:pointer;z-index:100;background:#a855f7;border:none;border-radius:8px;padding:10px 20px;font-size:16px;transition:all .2s;position:fixed;top:20px;right:20px}.menu-button:hover{background:#c084fc;transform:scale(1.05);box-shadow:0 0 20px #a855f799}.menu-dropdown{z-index:99;background:#0f172af2;border:1px solid #a855f74d;border-radius:8px;flex-direction:column;min-width:180px;display:none;position:fixed;top:70px;right:20px}.menu-dropdown.active{display:flex}.menu-dropdown a{color:#a855f7;border-bottom:1px solid #a855f733;padding:10px 20px;text-decoration:none;transition:background-color .2s;display:block}.menu-dropdown a:last-child{border-bottom:none}.menu-dropdown a:hover{background-color:#a855f71a}footer{color:#8b9dc3;text-align:center;border-top:1px solid #a855f733;max-width:900px;margin:60px auto 0;padding:40px 20px;font-size:14px}footer p{background:linear-gradient(90deg,#d946ef,#a855f7,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:1.5em;line-height:1.6}.toc{background:#a855f70d;border:1px solid #a855f733;border-radius:8px;margin-bottom:30px;padding:20px}.toc p{color:#a855f7;margin-bottom:10px;font-size:13px;font-weight:600}.toc ol{color:#7dd3fc;padding-left:20px;font-size:13px}.toc li{margin-bottom:6px}.toc a{color:#7dd3fc;text-decoration:none}.toc a:hover{color:#c084fc;text-decoration:underline}