:root{color-scheme:dark;--bg:#050d18;--panel:#0b1a2c;--panel2:#071421;--line:rgba(255,255,255,.1);--ink:#f5f8fd;--muted:#91a0b6;--blue:#67a5ff;--cyan:#55d7ff;--green:#55e6ad;--accent:#67a5ff}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% -10%,rgba(52,119,255,.2),transparent 34rem),radial-gradient(circle at 95% 15%,rgba(44,218,187,.09),transparent 28rem),linear-gradient(180deg,#081525,#050c16 70%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(5,13,24,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:820;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(103,165,255,.4);border-radius:50%;color:var(--blue);background:rgba(50,112,226,.12);font-size:18px}.brand span span{color:var(--blue)}.header-nav{display:flex;align-items:center;gap:8px}.header-nav a{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:11px;color:#b9c7da;text-decoration:none;font-size:12px;font-weight:760}.header-nav a:hover{color:#fff;border-color:rgba(103,165,255,.45);background:rgba(66,126,232,.1)}main{width:min(1180px,100%);margin:0 auto;padding:clamp(24px,5vw,64px) clamp(16px,4vw,42px) 70px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#728299;font:720 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:#fff}.breadcrumbs i{color:#41516a;font-style:normal}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.48fr);gap:clamp(26px,5vw,70px);align-items:center;padding-bottom:clamp(34px,6vw,70px)}.eyebrow{margin-bottom:14px;color:var(--blue);font-size:11px;font-weight:820;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:780px;margin:0;font-size:clamp(38px,6vw,72px);line-height:.96;letter-spacing:-.06em}.hero-lead{max-width:720px;margin:20px 0 0;color:#aab6c8;font-size:clamp(15px,1.7vw,19px);line-height:1.65}.hero-visual{min-height:230px;display:grid;place-items:center;position:relative;border:1px solid rgba(103,165,255,.16);border-radius:28px;background:radial-gradient(circle,rgba(72,139,255,.18),transparent 65%),rgba(8,20,35,.7);overflow:hidden}.hero-visual::after{content:"";position:absolute;inset:auto 10% 18%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 20px var(--accent)}.hero-visual img{width:min(82%,260px);height:170px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 14px 22px rgba(0,0,0,.26))}.notice{display:flex;gap:12px;align-items:flex-start;margin:0 0 34px;padding:16px 18px;border:1px solid rgba(85,230,173,.17);border-radius:15px;color:#9db2b6;background:rgba(21,67,62,.13);font-size:12px;line-height:1.55}.notice strong{color:#c9f6e4}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:28px}.article,.side-card,.directory-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,30,50,.9),rgba(6,17,30,.92));box-shadow:0 24px 70px rgba(0,0,0,.18)}.article{border-radius:22px;padding:clamp(22px,4vw,42px)}.article section+section{margin-top:38px;padding-top:32px;border-top:1px solid var(--line)}h2{margin:0 0 14px;font-size:clamp(23px,3vw,34px);letter-spacing:-.04em}.article p{margin:0;color:#9eacbf;font-size:15px;line-height:1.75}.factor-list,.risk-list{display:grid;gap:11px;margin:20px 0 0;padding:0;list-style:none}.factor-list li,.risk-list li{position:relative;padding:14px 16px 14px 42px;border:1px solid rgba(255,255,255,.07);border-radius:13px;color:#b5c1d1;background:rgba(255,255,255,.025);font-size:13px;line-height:1.55}.factor-list li::before,.risk-list li::before{position:absolute;left:15px;top:14px;color:var(--green);font-weight:900}.factor-list li::before{content:"+"}.risk-list li::before{content:"!";color:#ff9b78}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;color:#eaf0f8;font-weight:760}.faq details p{padding-top:11px;font-size:13px}.sidebar{display:grid;align-content:start;gap:18px}.side-card{border-radius:19px;padding:22px}.side-card h2{font-size:19px}.side-card p{color:#8797ac;font-size:12px;line-height:1.6}.related{display:grid;gap:8px;margin-top:16px}.related a{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;color:#b9c6d7;text-decoration:none;font-size:12px;font-weight:750}.related a::after{content:"→";color:var(--blue)}.related a:hover{color:#fff;border-color:rgba(103,165,255,.4)}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:0 18px;border-radius:12px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#2868dd,#448bff);font-size:13px;font-weight:820}.directory-head{max-width:760px;margin-bottom:28px}.directory-head h1{margin:0;font-size:clamp(38px,6vw,68px);letter-spacing:-.06em}.directory-head p{color:#9cabbf;font-size:16px;line-height:1.7}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.directory-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;min-height:150px;padding:20px;border-radius:18px;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.directory-card:hover{transform:translateY(-3px);border-color:rgba(103,165,255,.42)}.directory-card img{width:92px;height:82px;object-fit:contain}.directory-card strong{display:block;font-size:20px;letter-spacing:-.03em}.directory-card span{display:block;margin-top:7px;color:#8292a8;font-size:12px;line-height:1.55}.site-footer{padding:26px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:#68788e;font-size:11px;text-align:center}
@media(max-width:760px){.site-header{height:66px;padding-inline:14px}.brand{font-size:17px}.header-nav a:first-child{display:none}.header-nav a{padding-inline:11px}.hero{grid-template-columns:1fr}.hero-visual{min-height:190px}.hero-visual img{height:135px}.content-grid{grid-template-columns:1fr}.directory-grid{grid-template-columns:1fr}.directory-card{grid-template-columns:72px minmax(0,1fr);min-height:132px;padding:16px}.directory-card img{width:72px;height:68px}.article{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}