:root{--bg:#050a0f;--card:#0c1a1f;--card-h:#112228;--grn:#2ecc71;--ylw:#f1c40f;--orn:#e67e22;--red:#e74c3c;--t1:#e8f0f2;--t2:#8ba4ad;--t3:#4a6670;--ag:#4ade80;--at:#2dd4bf;--ap:#a78bfa;--brd:#1a2e35}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.7}
a{color:var(--at);text-decoration:none;transition:color .2s}a:hover{color:var(--ag)}
.abg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ab{position:absolute;width:200%;height:300px;top:-80px;left:-50%;filter:blur(60px);animation:ad 20s ease-in-out infinite}
.ab:nth-child(1){background:radial-gradient(ellipse at center,rgba(46,204,113,.12),rgba(45,212,191,.06) 30%,rgba(167,139,250,.04) 60%,transparent 80%)}
.ab:nth-child(2){top:-40px;animation-delay:-7s;animation-duration:25s;opacity:.7;background:radial-gradient(ellipse at center,rgba(45,212,191,.1),rgba(167,139,250,.06) 40%,transparent 70%)}
@keyframes ad{0%,100%{transform:translateX(-10%) rotate(-2deg)}33%{transform:translateX(5%) rotate(1deg)}66%{transform:translateX(-5%) rotate(-1deg)}}
.c{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 20px}
header{padding:32px 0 20px;text-align:center;border-bottom:1px solid var(--brd);margin-bottom:28px}
.logo{font-family:'Fraunces',serif;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--ag),var(--at),var(--ap));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}
.logo a{-webkit-text-fill-color:transparent}
.nav-links{margin-top:6px;font-size:.82rem;color:var(--t3)}
.nav-links a{color:var(--t2);margin:0 8px}
.nav-links a:hover{color:var(--ag)}
article{padding-bottom:40px}
h1{font-family:'Fraunces',serif;font-size:2rem;font-weight:500;line-height:1.3;margin-bottom:8px;color:var(--t1)}
@media(max-width:600px){h1{font-size:1.5rem}}
.subtitle{font-size:1rem;color:var(--t2);margin-bottom:28px;line-height:1.6}
h2{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:500;margin:32px 0 12px;color:var(--t1)}
h3{font-size:1rem;font-weight:600;margin:20px 0 8px;color:var(--t1)}
p{font-size:.92rem;color:var(--t2);margin-bottom:14px;line-height:1.7}
ul,ol{margin:0 0 16px 20px;color:var(--t2);font-size:.92rem}
li{margin-bottom:6px;line-height:1.6}
.info-box{background:var(--card);border:1px solid var(--brd);border-radius:14px;padding:18px;margin:20px 0}
.info-box h3{margin-top:0}
.info-box p:last-child{margin-bottom:0}
.highlight-box{background:linear-gradient(135deg,rgba(45,212,191,.08),rgba(167,139,250,.05));border:1px solid rgba(45,212,191,.2);border-radius:14px;padding:20px;margin:24px 0;text-align:center}
.highlight-box p{color:var(--t1);margin-bottom:8px}
.highlight-box a{display:inline-block;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,var(--at),var(--ag));color:var(--bg);font-weight:600;font-size:.9rem;margin-top:6px;transition:all .2s}
.highlight-box a:hover{transform:scale(1.03);box-shadow:0 0 20px rgba(45,212,191,.3)}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.88rem}
th{text-align:left;padding:10px 12px;background:var(--card);color:var(--t1);border:1px solid var(--brd);font-weight:600}
td{padding:10px 12px;border:1px solid var(--brd);color:var(--t2)}
.route-box{background:var(--card);border:1px solid var(--brd);border-radius:14px;padding:18px;margin:16px 0}
.route-box h3{margin-top:0;font-size:.95rem}
.route-box p{margin-bottom:8px}
.route-box p:last-child{margin-bottom:0}
.related{margin:40px 0 20px;padding-top:24px;border-top:1px solid var(--brd)}
.related h2{font-size:1.1rem;margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:500px){.related-grid{grid-template-columns:1fr}}
.related-card{background:var(--card);border:1px solid var(--brd);border-radius:12px;padding:14px;transition:all .2s;display:block;color:inherit}
.related-card:hover{background:var(--card-h);transform:translateY(-1px);border-color:rgba(255,255,255,.1)}
.related-card h3{font-size:.85rem;font-weight:600;margin:0 0 4px;color:var(--t1)}
.related-card p{font-size:.78rem;color:var(--t3);margin:0}
footer{text-align:center;padding:30px 0;font-size:.76rem;color:var(--t3);line-height:1.7;border-top:1px solid var(--brd)}
footer a{color:var(--t2)}