:root{--primary-blue:#1a1b3a;--primary-blue-rgb:26,27,58;--secondary-blue:#2d2f5d;--secondary-blue-rgb:45,47,93;--accent-gold:#ffd046;--accent-gold-rgb:255,208,70;--gradient-purple:#8b6b9f;--gradient-blue:#4b6793;--text-dark:#333;--text-light:#666;--white:#fff;--light-gray:#f5f5f5;--medium-gray:#e0e0e0;--dark-gray:#777;--border-radius:8px;--box-shadow:0 5px 15px rgba(0,0,0,.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;background-color:var(--white)}#app{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto}ol,ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:15px;color:var(--primary-blue)}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:15px}.btn{display:inline-block;padding:12px 30px;border-radius:var(--border-radius);font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);border:none;font-size:1rem}.btn-primary{background-color:var(--accent-gold);color:var(--primary-blue)}.btn-primary:hover{background-color:var(--primary-blue);color:var(--white)}.btn-secondary{background-color:transparent;color:var(--white);border:2px solid var(--white)}.btn-secondary:hover{background-color:var(--white);color:var(--primary-blue)}.btn-outline{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-outline:hover{background-color:var(--primary-blue);color:var(--white)}.section{padding:80px 0}.section-header{margin-bottom:50px;text-align:center}.section-subtitle{display:inline-block;font-size:.875rem;font-weight:700;color:var(--accent-gold);letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.section-header h2{margin-bottom:15px}.section-header p{font-size:1.1rem;color:var(--text-light);max-width:800px;margin:0 auto}.text-center{text-align:center}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}h1{font-size:2.5rem}h2{font-size:2rem}}@media (max-width:768px){.container{max-width:540px}h1{font-size:2rem}h2{font-size:1.75rem}.btn{padding:10px 25px}.section{padding:60px 0}}@media (max-width:576px){.container{max-width:100%;padding:0 15px}.section-header{margin-bottom:30px}}