:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111;background-color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#fff}:root{--nav-height: 64px;--accent: #0b2239;--accent-2: rgba(11, 34, 57, .85)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}button{font-family:inherit;font-size:1rem;background:none;border:none;cursor:pointer}.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:linear-gradient(90deg,#042036,#08335a,#0c4475 70%,#0e4f84);color:#fff;z-index:30;box-shadow:0 2px 6px #0006}.main-nav{display:flex;gap:1.8rem}.main-nav a{color:#fff;text-decoration:none;font-weight:600;opacity:.95;font-size:1.05rem;transition:opacity .2s,transform .15s ease-out}.main-nav a:hover{opacity:1;transform:translateY(-1px)}.hero{margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height));width:100%;position:relative;background-image:url(/background.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;color:#fff;overflow:hidden;filter:contrast(1.02) saturate(1.05)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b2239c7,#0b223980);z-index:0}.hero-inner{position:relative;z-index:2;max-width:880px;width:100%;padding:4.25rem 2rem 3.5rem 6rem;text-align:left}.hero h1{font-size:64px;line-height:.98;font-weight:800;margin:0 0 .6rem;letter-spacing:-1px;color:#fff;text-wrap:balance}.subtitle{font-size:18px;opacity:.95;margin-bottom:1.25rem;max-width:700px;color:#fffffff2}.hero-cta{display:flex;gap:1rem;margin-top:.6rem}.btn{padding:.9rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;border:2px solid transparent;font-size:1.08rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;vertical-align:middle}.about-block .btn+.btn,.about-grid .btn+.btn{margin-left:.5rem}.btn.primary{background:#fff;color:var(--accent);box-shadow:0 6px 18px #00000026}.btn.outline{background:transparent;border-color:#fff;color:#fff}.content{max-width:1100px;margin:0 auto 3rem;padding:2.5rem 1rem 0;position:relative;color:#111}.about{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,320px);gap:2.5rem;align-items:flex-start;margin-top:2.5rem}.about-left,.about-card{background:#fff;border-radius:14px;padding:2rem;box-shadow:0 18px 40px #0f172a14;border:1px solid rgba(148,163,184,.25)}.about-left:only-child{grid-column:1 / -1}.about-page{padding-top:var(--nav-height);min-height:100vh;width:100%;margin:0;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.about-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(15,23,42,.6),transparent 40%),#0f172a73;z-index:0}.about-page>.about{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:2.5rem 1rem 3rem}.avatar{width:72px;height:72px;border-radius:50%;background:#0b2239;color:#fff;font-weight:700;display:grid;place-items:center;font-size:1.4rem;margin:0 auto 1rem}@media(max-width:1000px){.hero-inner{padding-left:3rem;padding-right:2rem}.hero h1{font-size:48px}}@media(max-width:640px){.hero{min-height:420px}.hero-inner{padding:2.5rem 1.25rem}.hero h1{font-size:34px;line-height:1.05}.subtitle{font-size:15px}.about{margin-top:1.5rem}}@media(max-width:900px){.about{grid-template-columns:1fr}.about-card{max-width:380px;margin:0 auto}}@keyframes heroPan{0%{background-position:10% 50%;background-size:110%}50%{background-position:50% 50%;background-size:115%}to{background-position:90% 50%;background-size:120%}}.hero{animation:heroPan 28s ease-in-out infinite;will-change:background-position}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .56s cubic-bezier(.2,.9,.25,1),transform .56s cubic-bezier(.2,.9,.25,1);will-change:opacity,transform}.fade-up.is-visible{opacity:1;transform:translateY(0)}.fade-up[data-delay]{transition-delay:calc(var(--delay, 0ms))}.btn{transition:transform .22s cubic-bezier(.2,.9,.25,1),box-shadow .22s}.btn:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px #00000029}.btn:active{transform:translateY(-1px) scale(.995)}.site-header{transition:backdrop-filter .24s,background .24s,transform .24s,box-shadow .24s;will-change:transform,backdrop-filter}.site-header.scrolled{-webkit-backdrop-filter:blur(6px) saturate(130%);backdrop-filter:blur(6px) saturate(130%);box-shadow:0 6px 22px #02061740}.site-header.scrolled .brand{transform:translateY(-1px) scale(.98);transition:transform .24s}@media(prefers-reduced-motion:reduce){.hero{animation:none!important}.fade-up{transition:none!important;transform:none!important;opacity:1!important}.btn{transition:none!important}}