*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#052444 0%,#020712 55%,#000 100%);color:#f5f7fb;min-height:100vh;display:flex;flex-direction:column}
a{color:#4fd1ff;text-decoration:none}
a:hover{text-decoration:underline}
.header{border-bottom:1px solid rgba(79,209,255,.35);background:linear-gradient(90deg,rgba(0,245,255,.08),rgba(0,160,255,.03),transparent);backdrop-filter:blur(10px)}
.navbar{max-width:1200px;margin:0 auto;padding:.9rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav-left{display:flex;align-items:center;gap:1.1rem}
.language-switcher{display:flex;gap:.4rem}
.language-switcher a{font-size:.9rem;padding:.25rem .45rem;border-radius:999px;border:1px solid rgba(120,160,210,.6)}
.language-switcher a.active{background:radial-gradient(circle at top,rgba(79,209,255,.25),transparent);border-color:rgba(79,209,255,.9);box-shadow:0 0 12px rgba(79,209,255,.5)}
.logo{display:flex;align-items:center;gap:.7rem}
.logo-mark{width:54px;height:54px;border-radius:18px;background:radial-gradient(circle at 20% 0,#40e0ff 0,#0050a0 55%,#001830 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 26px rgba(0,200,255,.75);border:1px solid rgba(170,220,255,.9)}
.logo-mark img{display:block;width:40px;height:40px}
.logo-text-main{font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.logo-text-sub{font-size:.8rem;text-transform:uppercase;opacity:.75;letter-spacing:.16em}
.nav-links{display:flex;flex-wrap:wrap;gap:.8rem}
.nav-links a{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;padding:.35rem .8rem;border-radius:999px;border:1px solid transparent}
.nav-links a.active,.nav-links a:hover{border-color:rgba(79,209,255,.55);background:radial-gradient(circle at top,rgba(79,209,255,.18),transparent);box-shadow:0 0 12px rgba(79,209,255,.35)}
main{flex:1}
.hero{max-width:1200px;margin:0 auto;padding:2.6rem 1.5rem 2.5rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center}
.hero-text h1{font-size:clamp(2.3rem,3vw + 1.5rem,3rem);margin-bottom:1rem}
.hero-accent{color:#4fd1ff}
.hero-subtitle{font-size:1.05rem;max-width:34rem;line-height:1.6;opacity:.9}
.hero-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.badge{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;padding:.3rem .8rem;border-radius:999px;border:1px solid rgba(79,209,255,.7);background:radial-gradient(circle at top,rgba(79,209,255,.22),transparent)}
.hero-cta{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:1rem}
.btn-primary,.btn-secondary{padding:.8rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent;background:none;color:inherit;cursor:pointer}
.btn-primary{background:radial-gradient(circle at 20% 0,#40e0ff 0,#00b7ff 45%,#0040ff 100%);border-color:rgba(0,255,255,.8);box-shadow:0 0 24px rgba(0,190,255,.85)}
.btn-secondary{border-color:rgba(134,150,180,.7);background:rgba(7,20,40,.8)}
.hero-visual{border-radius:1.4rem;overflow:hidden;border:1px solid rgba(79,209,255,.6);box-shadow:0 0 32px rgba(0,200,255,.55)}
.hero-visual img{width:100%;display:block}
.section{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 2.8rem}
.section-header{margin-bottom:1.5rem}
.section-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:#4fd1ff;margin-bottom:.4rem}
.section-title{font-size:1.6rem;margin-bottom:.4rem}
.section-intro{max-width:40rem;font-size:.98rem;line-height:1.6;opacity:.9}
.section-image{margin-top:1.2rem;border-radius:1.2rem;overflow:hidden;border:1px solid rgba(79,209,255,.55);box-shadow:0 0 24px rgba(0,200,255,.45)}
.section-image img{width:100%;display:block}
.two-column{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem}
.card{padding:1.3rem 1.4rem 1.4rem;border-radius:1rem;background:rgba(5,20,45,.96);border:1px solid rgba(80,115,170,.7);box-shadow:0 0 18px rgba(0,0,0,.7);transition:transform .15s ease,box-shadow .15s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 0 26px rgba(0,200,255,.55)}
.grid{display:grid;gap:1.4rem}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tile{border-radius:1rem;background:radial-gradient(circle at top,rgba(11,60,110,.9),rgba(4,20,45,.98));padding:.9rem 1rem 1rem;border:1px solid rgba(79,209,255,.5);box-shadow:0 0 16px rgba(0,160,255,.4);transition:transform .15s ease,box-shadow .15s ease}
.tile:hover{transform:translateY(-3px);box-shadow:0 0 26px rgba(0,200,255,.6)}
.tile h3,.tile h4{font-size:.95rem;margin-bottom:.4rem}
.tile p{font-size:.9rem;line-height:1.5}
.tile-img{border-radius:.7rem;overflow:hidden;margin-bottom:.55rem;border:1px solid rgba(160,230,255,.65)}
.tile-img img{width:100%;display:block}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem}
.contact-meta{font-size:.96rem;line-height:1.6}
.contact-meta dt{font-weight:600;margin-top:.5rem}
.contact-meta dd{margin-left:0}
.contact-form{display:grid;gap:.8rem}
.contact-form label{font-size:.85rem;text-transform:uppercase;letter-spacing:.16em}
.contact-form input,.contact-form textarea{margin-top:.25rem;width:100%;padding:.65rem .75rem;border-radius:.6rem;border:1px solid rgba(120,150,200,.8);background:rgba(4,15,30,.95);color:#f5f7fb}
.contact-form textarea{resize:vertical;min-height:150px}
.footer{border-top:1px solid rgba(60,100,145,.8);padding:1.5rem 1.5rem 1.8rem;font-size:.8rem;color:rgba(210,220,235,.85)}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem}
.footer-small{opacity:.7}
@media(max-width:900px){
.hero{grid-template-columns:minmax(0,1fr)}
.two-column,.contact-grid{grid-template-columns:minmax(0,1fr)}
.navbar{flex-direction:column;align-items:flex-start;gap:.6rem}
.nav-left{width:100%;justify-content:space-between}
}