:root{--ink:#23172d;--muted:#6f6477;--primary:#5a1d8a;--primary2:#7d2cb2;--pink:#e84b9b;--paper:#fffdfc;--cream:#fbf7fc;--line:#eadff0;--shadow:0 18px 50px rgba(67,26,86,.10);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit}img{max-width:100%;display:block}button{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:fixed;top:-80px;right:16px;z-index:99;background:#fff;color:var(--primary);padding:10px 16px;border-radius:12px;box-shadow:var(--shadow)}.skip:focus{top:16px}:focus-visible{outline:3px solid #c12b82;outline-offset:3px}
.icon-svg{width:22px;height:22px;display:block;flex:none}.icon-box{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f6ebfb;color:var(--primary);flex:none}
.header{position:sticky;top:0;z-index:40;background:rgba(255,253,252,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block;color:var(--primary);font-size:1rem}.brand span{display:block;color:var(--muted);font-size:.72rem}.navlinks{display:flex;align-items:center;gap:21px;font-size:.88rem;font-weight:800;color:#51465a}.navlinks>a{text-decoration:none}.navlinks>a:hover,.navlinks>a[aria-current="page"]{color:var(--primary)}.nav-dropdown{position:relative}.nav-trigger{display:flex;align-items:center;gap:5px;border:0;background:none;padding:30px 0;color:#51465a;font-weight:800;cursor:pointer}.nav-panel{position:absolute;top:62px;right:0;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-dropdown:hover .nav-panel,.nav-dropdown:focus-within .nav-panel{opacity:1;visibility:visible;transform:none}.nav-panel a{display:block;padding:10px 12px;border-radius:11px;text-decoration:none;font-size:.83rem;font-weight:700;color:#574b60}.nav-panel a:hover{background:#faf5fc;color:var(--primary)}.actions{display:flex;align-items:center;gap:9px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:11px 18px;text-decoration:none!important;font-weight:900;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2) 58%,var(--pink));color:#fff}.btn-secondary{background:#fff;color:var(--primary);border-color:#d9c8e2}.menu-btn{display:none;width:46px;height:46px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--primary);place-items:center}
.page-hero{background:linear-gradient(180deg,#fff,#fbf7fd);padding:64px 0 50px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:20px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.page-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.2;margin:0 0 14px;letter-spacing:-.035em}.page-hero p{max-width:790px;margin:0;color:var(--muted);font-size:1.05rem}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding:64px 0 76px}.article{min-width:0}.article>h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.35;margin:36px 0 12px}.article>h2:first-child{margin-top:0}.article h3{font-size:1.15rem;margin:28px 0 8px}.article p,.article li{color:#5e5365}.article a:not(.btn):not(.text-link){color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article ul{padding-inline-start:22px}.callout{background:#faf5fc;border-inline-start:4px solid var(--primary);padding:16px 18px;border-radius:14px;margin:22px 0;color:#51465a}.warning{background:#fff9eb;border-color:#c58b2e}.meta-note{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.sidebar{display:grid;gap:14px;align-content:start}.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.box h3{margin:0 0 10px;font-size:1rem}.box a:not(.btn){display:flex;align-items:center;gap:7px;padding:7px 0;text-decoration:none;color:#5e5365;font-size:.85rem}.box a:not(.btn):hover{color:var(--primary)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card h3{margin:14px 0 8px;font-size:1.1rem}.card p{margin:0 0 14px;color:var(--muted);font-size:.9rem}.text-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none!important;color:var(--primary);font-weight:900;font-size:.84rem}.text-link:hover{color:var(--pink)}
.page-cta{margin-top:38px;background:linear-gradient(135deg,#351047,#5e1d79);border-radius:22px;padding:28px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}.page-cta h2{margin:0 0 8px;font-size:1.6rem}.page-cta p{margin:0;color:rgba(255,255,255,.78);max-width:650px}
footer{background:#24112f;color:#fff;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .85fr;gap:34px}.footer-brand{display:flex;align-items:flex-start;gap:14px}.footer-brand img{width:86px;height:86px;object-fit:contain}.footer-brand h3{margin:0 0 7px}.footer-brand p{margin:0;color:rgba(255,255,255,.7);font-size:.85rem}.footer-links a,.legal-footer a{display:block;color:rgba(255,255,255,.72);text-decoration:none;font-size:.82rem;margin:7px 0}.legal-footer{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.legal-footer a{margin:0}.copyright{margin-top:18px;color:rgba(255,255,255,.52);font-size:.76rem}
@media(max-width:980px){.header{position:sticky}.nav{position:relative}.navlinks{display:none;position:absolute;top:86px;right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);align-items:stretch;gap:0;z-index:60}.navlinks.open{display:flex;flex-direction:column}.navlinks>a,.nav-trigger{padding:11px 12px;width:100%;justify-content:space-between;text-align:start}.nav-dropdown{display:block}.nav-panel{position:static;min-width:0;box-shadow:none;border:0;background:#faf6fb;margin:0 8px 8px;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown:focus-within .nav-panel{display:block}.menu-btn{display:grid}.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.actions .btn-secondary{display:none}}
@media(max-width:650px){.navlinks{top:74px}.container{width:min(var(--max),calc(100% - 24px))}.nav{height:74px}.brand img{width:52px;height:52px}.brand span{display:none}.page-hero{padding:48px 0 38px}.layout{padding:48px 0 60px}.grid,.sidebar,.footer-grid{grid-template-columns:1fr}.page-cta{flex-direction:column;align-items:flex-start;padding:22px}.article>h2{margin-top:30px}}


/* International Visual Rebuild v5: shared internal header */
.header{background:linear-gradient(90deg,#2a0a40,#321047 48%,#3b0f55);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:none}
.header .brand b,.header .navlinks>a,.header .nav-trigger{color:#fff}
.header .brand span{color:rgba(255,255,255,.68)}
.header .navlinks>a:hover,.header .navlinks>a[aria-current="page"],.header .nav-trigger:hover{color:#ffb8dc}
.header .btn.primary{background:linear-gradient(135deg,#8d2eb4,#ee4e9a);color:#fff}
.header .btn:not(.primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.header .menu-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.page-hero{background:linear-gradient(180deg,#fbf8fd,#f4edf8)}
@media(max-width:980px){
  .header .navlinks{background:#fff}
  .header .navlinks>a,.header .nav-trigger{color:#51465a}
  .header .navlinks>a:hover,.header .nav-trigger:hover{color:var(--primary)}
}