*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0052ff;--primary-dark:#0041cc;--secondary-color:#10b981;--accent-color:#f59e0b;--lavender:#c5b3ff;--lavender-dark:#b39dff;--lavender-light:#e8e0ff;--teal:#14b8a6;--pink:#ec4899;--purple:#8b5cf6;--orange:#f97316;--cyan:#06b6d4;--text-dark:#1a202c;--text-light:#718096;--bg-light:#f7fafc;--bg-white:#fff;--border-color:#e2e8f0;--shadow:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a}:root.dark-mode{--text-dark:#e0e0e0;--text-light:#b0b0b0;--bg-light:#2a2a3e;--bg-white:#1a1a2e;--border-color:#444;--shadow:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006}html{scroll-behavior:smooth}body{color:var(--text-dark);background-color:var(--bg-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.app{overflow-x:hidden}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h2{font-size:2rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600}p{color:var(--text-light);font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--secondary-color);border:2px solid var(--secondary-color);cursor:pointer;background-color:#e8f5e9;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s}:root.dark-mode .btn-secondary{color:#4ade80;background-color:#10b9811a;border-color:#4ade80}.btn-secondary:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-2px)}.btn-lavender{background-color:var(--lavender-light);color:var(--purple);border:2px solid var(--lavender);cursor:pointer;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s}:root.dark-mode .btn-lavender{color:#c084fc;background-color:#8b5cf633;border-color:#c084fc}.btn-lavender:hover{background-color:var(--lavender);color:#fff;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.highlight-purple{color:var(--purple)}.highlight-pink{color:var(--pink)}.highlight-teal{color:var(--teal)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}}