@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--primary-color:#0b1d3a;--accent-color:#ffb703;--text-light:#f8f9fa;--text-dark:#121212;--overlay-bg:#0b1d3aa6;--glass-bg:#0000008c;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-color);color:var(--text-light);font-family:Outfit,sans-serif;overflow-x:hidden}.main-layout{min-height:100vh;position:relative}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e}h1,h2,h3{font-weight:800;line-height:1.1}h1{text-shadow:0 4px 20px #00000080;font-size:clamp(3rem,5vw,6rem)}p{font-size:1.2rem;font-weight:300;line-height:1.6}.navbar{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.nav-brand{color:var(--text-light);letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;font-weight:800;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-light);padding:.5rem 0;font-size:1.1rem;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background-color:var(--accent-color);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-btn{background-color:var(--accent-color);color:var(--primary-color);cursor:pointer;border:none;border-radius:50px;padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffb7034d}.hero{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;background:linear-gradient(#0b1d3a33 0%,#0b1d3acc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;opacity:0;max-width:800px;padding:0 2rem;animation:1s ease-out forwards fadeUp;transform:translateY(30px)}.hero-subtitle{color:var(--accent-color);text-transform:uppercase;letter-spacing:4px;margin-bottom:1rem;font-size:1rem;font-weight:600;display:block}.hero h1{margin-bottom:1.5rem}.hero p{text-shadow:0 2px 10px #00000080;margin-bottom:2.5rem}.hero-btn{color:var(--text-light);border:2px solid var(--accent-color);cursor:pointer;background:0 0;border-radius:50px;padding:1rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s}.hero-btn:hover{background:var(--accent-color);color:var(--primary-color)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.prod-overlay-wrapper{z-index:999;-webkit-backdrop-filter:blur(16px);background:#000000bf;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex;position:fixed;inset:0}.prod-overlay-card{text-align:center;border-radius:24px;max-width:600px;padding:4rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;transform:scale(.95)}.prod-overlay-card h2{background:linear-gradient(45deg, #fff, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.prod-overlay-card p{color:#fffc;margin-bottom:2rem;font-size:1.1rem}.prod-overlay-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px;border-radius:4px}