:root{--primary-pink: #ff6f91;--primary-yellow: #ffd166;--primary-purple: #6a5acd;--primary-green: #00ff88;--secondary-green: #00cc6a;--background-light: #ffffff;--background-cream: #fff1df;--background-blue: #e7f3ff;--background-pink: #ffe1ef;--text-dark: #333333;--text-medium: #555555;--text-light: #666666;--text-white: #ffffff;--border-light: #f0e6ff;--border-medium: #d9ecff;--shadow-light: rgba(106, 90, 205, .08);--shadow-medium: rgba(106, 90, 205, .12);--black: #000000;--dark-gray: #111111;--medium-gray: #222222;--light-gray: #333333;--white: #ffffff;--text-gray: #cccccc;--sidebar-width: 240px;--sidebar-gap: 28px;--sidebar-bg: #1c1b1b}*,html{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--background-cream) 0%,var(--background-blue) 100%);color:var(--text-dark);overflow-x:hidden;min-height:100vh}.main-with-sidebar{padding-left:calc(var(--sidebar-width) + var(--sidebar-gap));box-sizing:border-box}@media (max-width: 1024px){:root{--sidebar-width: 220px}}.btn{border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-family:Fredoka,sans-serif}.btn-primary{background:linear-gradient(45deg,var(--primary-pink),var(--primary-yellow));color:var(--text-white);box-shadow:0 8px 20px #ff6f914d;padding:.8rem 1.5rem;font-size:1rem}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff6f9166}.btn-secondary{background:transparent;border:2px solid var(--primary-pink);color:var(--primary-pink);padding:.8rem 1.5rem;font-size:1rem}.btn-secondary:hover{background:var(--primary-pink);color:var(--text-white);transform:translateY(-2px);box-shadow:0 8px 20px #ff6f914d}.section{padding:6rem 2rem}.container{max-width:1200px;margin:0 auto}.text-center{text-align:center}.flex{display:flex}.grid{display:grid;gap:2rem}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modal{background:var(--background-light);border:2px solid var(--border-light);border-radius:20px;box-shadow:0 20px 60px var(--shadow-medium);color:var(--text-dark)}.modal .header{background:linear-gradient(45deg,var(--primary-pink),var(--primary-yellow));color:var(--text-white);border-radius:18px 18px 0 0;padding:1.5rem 2rem}.modal .title{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.5rem;margin:0}.modal .close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--text-white);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.modal .close:hover{background:#ffffff4d;transform:scale(1.1)}.card{background:var(--background-light);border:2px solid var(--border-light);border-radius:16px;padding:1.5rem;box-shadow:0 8px 20px var(--shadow-light);transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--primary-pink);box-shadow:0 12px 30px var(--shadow-medium)}.form-input{background:var(--background-light);border:2px solid var(--border-light);border-radius:12px;padding:.8rem 1rem;color:var(--text-dark);font-family:Fredoka,sans-serif;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px #ff6f911a}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--border-light);border-top-color:var(--primary-pink);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}