:root{color-scheme:dark;--bg:#07191f;--bg2:#0a252b;--panel:#0d2931;--text:#f4fbfa;--muted:#b5c9c9;--line:#24454d;--teal:#58e0c1;--blue:#64cce6;--amber:#ffd36b;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--text);line-height:1.6;background:radial-gradient(circle at 80% 0,#174854 0,transparent 29rem),linear-gradient(145deg,var(--bg),var(--bg2) 58%,#07171c)}
.page-shell{width:min(1160px,calc(100% - 2.4rem));margin:auto}
.skip{position:fixed;z-index:10;top:-5rem;left:1rem;padding:.7rem 1rem;border-radius:.5rem;background:var(--teal);color:var(--bg);font-weight:800}
.skip:focus{top:1rem}
.site-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;letter-spacing:-.02em}
.mark{display:block;width:35px;height:24px;border:3px solid var(--teal);border-color:var(--teal) transparent transparent var(--teal);border-radius:18px 0 0;transform:rotate(-10deg)}
.language-switch{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:#06171c}
.language-switch button{border:0;border-radius:999px;padding:.44rem .68rem;color:var(--muted);background:transparent;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:var(--bg);background:var(--teal)}
.language-switch button:focus-visible,.private-link:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.hero{position:relative;max-width:980px;padding:6.8rem 0 5.2rem}
.eyebrow{margin:0 0 1rem;color:var(--teal);font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3{line-height:1.08;letter-spacing:-.045em}
h1{max-width:1000px;margin:0;font-size:clamp(3rem,6.6vw,6.1rem)}
.hero-intro{max-width:760px;margin:2rem 0 0;color:#d0dddd;font-size:clamp(1.1rem,1.7vw,1.32rem)}
.hero-rule{display:flex;gap:.5rem;margin-top:3.3rem}.hero-rule span{height:3px;width:68px;border-radius:9px;background:var(--line)}.hero-rule span:first-child{background:var(--teal)}.hero-rule span:nth-child(2){background:var(--blue)}
.principles{padding:1rem 0 5.6rem}.section-heading{max-width:750px;margin-bottom:1.6rem}h2{margin:0;font-size:clamp(2rem,4vw,3.3rem)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{min-height:268px;padding:1.6rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,#12343d,#0b2228 78%);box-shadow:0 26px 60px #0003}.card-number{color:var(--teal);font-size:.82rem;font-weight:850;letter-spacing:.15em}.card h3{margin:2.5rem 0 .7rem;font-size:1.7rem}.card p{margin:0;color:#c8d8d8}
.private-area{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.2rem;border:1px solid #2a5558;border-radius:22px;background:#0e3036}.private-area h2{font-size:clamp(1.8rem,3vw,2.5rem)}.private-area p:last-child{max-width:730px;margin:1rem 0 0;color:#c8d8d8}.private-link{flex:none;display:inline-block;padding:.7rem 1rem;border:1px solid var(--amber);border-radius:999px;color:var(--amber);font-size:.88rem;font-weight:800;text-align:center;text-decoration:none}.private-link:hover{background:var(--amber);color:var(--bg)}
.notice{margin:1.4rem 0 0;padding:1rem 1.2rem;border-left:2px solid var(--teal);color:var(--muted);background:#0b252b}
.site-footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2.5rem 0;color:var(--muted);font-size:.85rem}
@media(max-width:820px){.hero{padding:4.8rem 0 3.8rem}.cards{grid-template-columns:1fr}.card{min-height:0}.card h3{margin-top:1.8rem}.private-area{align-items:flex-start;flex-direction:column}.private-link{flex:none}}
@media(max-width:520px){.page-shell{width:min(100% - 1.2rem,1160px)}.site-header{min-height:70px}.hero{padding:3.5rem 0 3rem}h1{font-size:clamp(2.55rem,11vw,3.7rem)}.card,.private-area{padding:1.2rem;border-radius:17px}.language-switch button{padding:.4rem .55rem}}