@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--primary-color:#0d1b2a;--secondary-color:#1b263b;--accent-color:#ffb703;--accent-hover:#fb8500;--text-main:#fff;--text-muted:#e0e1dd;--bg-color:#0d1b2a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--font-main:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{margin-bottom:1rem;font-size:3.5rem}h2{color:var(--accent-color);margin-bottom:1.5rem;font-size:2.5rem}p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}header{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:#0d1b2acc;justify-content:space-between;align-items:center;width:100%;padding:1rem 5%;transition:all .3s;display:flex;position:fixed;top:0}.logo{color:var(--accent-color);letter-spacing:1px;font-size:1.5rem;font-weight:700;text-decoration:none}nav ul{gap:2rem;list-style:none;display:flex}nav ul li a{color:var(--text-main);padding-bottom:5px;font-size:1rem;font-weight:400;text-decoration:none;transition:color .3s}nav ul li a:hover,nav ul li a.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}.mobile-nav-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.container{width:90%;max-width:1200px;margin:0 auto}section{flex-direction:column;justify-content:center;min-height:80vh;padding:6rem 0;display:flex}.btn{cursor:pointer;border:none;border-radius:30px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--accent-color);color:#000}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px #ffb70366}.btn-secondary{color:var(--text-main);border:2px solid var(--accent-color);background:0 0}.btn-secondary:hover{background:var(--accent-color);color:#000}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;flex-direction:column;padding:2rem;transition:transform .3s,box-shadow .3s,background .3s;display:flex}.card img{object-fit:cover;border-radius:10px;width:100%;height:200px;margin-bottom:1.5rem}.card:hover{border-color:var(--accent-color);background:#ffb7030d;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.card h3{color:var(--accent-color);margin-bottom:1rem}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}footer{background:var(--secondary-color);text-align:center;border-top:1px solid var(--glass-border);padding:3rem 5%}footer p{margin:0;font-size:.9rem}@media (width<=768px){nav ul{background:var(--primary-color);border-left:1px solid var(--glass-border);flex-direction:column;justify-content:center;align-items:center;width:250px;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%}nav ul.active{right:0}.mobile-nav-toggle{display:block}h1{font-size:2.5rem}h2{font-size:2rem}section{padding:5rem 0}}