:root{--primary-blue: #06091a;--primary-cyan: #4d79ff;--primary-pink: #d946ef;--primary-purple: #7c3aed;--gradient-1: linear-gradient(135deg, #d946ef 0%, #7c3aed 50%, #4d79ff 100%);--gradient-2: linear-gradient(135deg, #4d79ff 0%, #7c3aed 100%);--gradient-3: linear-gradient(135deg, #d946ef 0%, #7c3aed 100%);--bg-dark: #06091a;--bg-card: #0c1332;--text-white: #ffffff;--text-gray: #8b9ec7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kanit,sans-serif;background:linear-gradient(135deg,#06091a,#0b0c2a 55%,#08031e) fixed;background-attachment:fixed;color:var(--text-white);line-height:1.6;min-height:100vh}.app{overflow-x:hidden}.section{padding:80px 20px;max-width:1400px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#4d79ff,#d946ef,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--text-gray);font-size:1.1rem;margin-bottom:60px}.btn{display:inline-block;padding:14px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#d946ef,#7c3aed);color:var(--text-white);box-shadow:0 4px 20px #d946ef80}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #d946efb3}.btn-secondary{background:transparent;color:var(--text-white);border:2px solid var(--primary-cyan);box-shadow:0 0 12px #6082ff33}.btn-secondary:hover{background:var(--primary-cyan);color:var(--bg-dark);box-shadow:0 0 24px #6082ff80}@media (max-width: 768px){.section-title{font-size:2rem}}