:root{--blue-primary:#1c78c0;--blue-light:#8ed6fb;--grey-dark:#2b3a42;--grey-light:#ececec}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:Segoe UI,sans-serif;line-height:1.6}.routing-section{background-color:var(--blue-light);padding:3rem 2rem}.routing-section header>h1{color:var(--grey-dark);font-size:2rem;margin-bottom:1rem;margin-left:15px}.routing-section ul{list-style:none;padding-left:1rem}.routing-section ul>li{background-color:#fff;border-left:4px solid var(--blue-primary);border-radius:4px;margin-bottom:1rem;padding:1rem}.container{margin:0 auto;max-width:900px;padding:2rem}.container>div{gap:1rem}.hero{background:linear-gradient(135deg,#1976d2,#64b5f6);color:#fff;padding:4rem 2rem;position:relative;text-align:center}.hero h1{font-size:3rem;margin-bottom:.5rem}.hero p{font-size:1.2rem;opacity:.95}.btn-primary{background-color:#fff;border-radius:6px;color:#1976d2;display:inline-block;font-weight:700;margin-top:1.5rem;padding:.7rem 1.4rem;text-decoration:none;transition:background .3s ease}.btn-primary:hover{background-color:#eee}.features{background-color:#f4faff;color:#1c78c0;padding:3rem 2rem}.features h2{font-size:2rem;margin-bottom:1rem}.features ul{list-style:none;padding-left:1rem}.features li{font-size:1.1rem;padding:.5rem 0}.usage{background-color:#e3f2fd;padding:3rem 2rem}.usage h2{font-size:2rem;margin-bottom:1rem}.steps .step{background-color:#fff;border-left:4px solid #1976d2;border-radius:4px;margin-bottom:1rem;padding:1rem}code{background-color:#f0f0f0;border-radius:4px;font-family:monospace;padding:.2em .4em}footer{background-color:#fafafa;color:#888;font-size:.9rem;padding:2rem;text-align:center}footer a{color:#1976d2;text-decoration:none}footer a:hover{text-decoration:underline}.flex{display:flex}.justify-center{justify-content:center}.lang-switcher{position:absolute;right:32px;top:24px;z-index:10}.lang-switcher select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f0f0f0;border:1px solid #d0d7de;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.04);color:#2d72d9;cursor:pointer;font-size:1em;font-weight:600;outline:none;padding:.4em 1.5em .4em .8em;transition:border .2s,box-shadow .2s}.lang-switcher select:focus{border:1.5px solid #2d72d9;box-shadow:0 2px 8px rgba(45,114,217,.1)}@media (max-width:600px){.lang-switcher{right:10px;top:12px}.lang-switcher select{font-size:.95em;padding:.3em 1em .3em .6em}}.disclaimer{color:#878787;font-size:.95em;font-style:italic;margin-top:.7em}