@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');:root{--primary:#8e44ad;--primary-dark:#6c3483;--primary-light:#a569bd;--secondary:#e74c3c;--accent:#f39c12;--text-dark:#2c3e50;--text-light:#666;--bg-gradient:linear-gradient(135deg,#fdfbfd 0%,#f4ecf7 100%);--white:#fff;--glass:rgba(255,255,255,.95);--shadow-lg:0 15px 35px rgba(142,68,173,.15);--border-color:#eee;--success:#27ae60;--error:#c0392b}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--text-dark);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;line-height:1.6}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}header{background:var(--glass);backdrop-filter:blur(12px);padding:0 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.04);position:sticky;top:0;z-index:1000;height:80px}.logo{font-size:1.6rem;font-weight:800;background:linear-gradient(45deg,var(--primary),#c0392b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:flex;align-items:center;gap:10px}nav ul{display:flex;gap:2rem;align-items:center}nav ul li a{font-weight:500;font-size:.95rem;color:var(--text-dark);position:relative}nav ul li a:hover,nav ul li a.active{color:var(--primary)}nav ul li a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}nav ul li a:hover::after{width:100%}.nav-btn{background:var(--primary);color:white!important;padding:8px 20px;border-radius:20px;box-shadow:0 4px 10px rgba(142,68,173,.3);display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.nav-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.nav-btn::after{display:none}.mobile-toggle{display:none;font-size:1.5rem;color:var(--text-dark);cursor:pointer;z-index:1001}footer{background:#0f0f14;color:#ecf0f1;padding:5rem 5% 2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid #333}.footer-brand h2{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.6rem;color:white}.footer-brand p{color:#aaa;line-height:1.6;max-width:350px;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;color:white;transition:.3s}.social-links a:hover{background:var(--primary);transform:translateY(-3px)}.footer-col h3{color:white;margin-bottom:1.5rem;font-size:1.1rem}.footer-col ul li{margin-bottom:10px}.footer-col a{color:#bbb;font-size:.9rem;transition:.3s}.footer-col a:hover{color:var(--primary);padding-left:5px}.copyright{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;color:#666;font-size:.85rem;flex-wrap:wrap;gap:1rem}@media (max-width:992px){header{justify-content:space-between;height:70px}.mobile-toggle{display:block}nav{position:absolute;top:70px;left:0;width:100%;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);padding:1rem 0;box-shadow:0 15px 30px rgba(0,0,0,.1);display:none;flex-direction:column;align-items:center;border-top:1px solid rgba(0,0,0,.05)}nav.active{display:flex}nav ul{flex-direction:column;gap:1.5rem;text-align:center}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){header{padding:0 1rem}.footer-grid{grid-template-columns:1fr}}body.dark-mode{background:linear-gradient(135deg,#121212 0%,#1e1e1e 100%);color:#e5e7eb}body.dark-mode header{background:rgba(18,18,18,.95);box-shadow:0 4px 20px rgba(0,0,0,.6)}body.dark-mode .nav-btn{background:transparent;color:#d8b4fe!important;border-color:#d8b4fe}body.dark-mode .nav-btn:hover{background:#6d28d9;color:white!important}body.dark-mode footer{background:#000}