:root{--primary: #8A2BE2;--primary-light: #9945E8;--secondary: #F8F9FA;--gradient: linear-gradient(135deg, #8A2BE2 0%, #9945E8 100%);--shadow: 0 8px 30px rgba(138, 43, 226, .1);--radius: 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#fafafa}.App{max-width:1440px;margin:0 auto}.container{padding:0 2rem}.button{padding:14px 28px;border-radius:30px;border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.primary-button{background:var(--gradient);color:#fff;box-shadow:0 4px 15px #8a2be24d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be266}.secondary-button{background:transparent;border:2px solid var(--primary);color:var(--primary)}.secondary-button:hover{background:var(--primary-light);color:#fff}