:root{--blue:#0b5bd3;--blue-dark:#084bb0;--blue-darker:#063a8a;--bg:#f5f7fb;--card:#fff;--text:#1a2233;--muted:#5b6577;--green:#1e9e5a;--green-bg:#e5f7ed;--red:#d64545;--red-bg:#fdeaea;--border:#e3e8f0;--radius:14px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;display:flex;flex-direction:column;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1040px}.wrap,.wrap-narrow{margin:0 auto;padding:0 16px}.wrap-narrow{max-width:760px}main{flex:1 1;padding:24px 0 48px}h1{font-size:clamp(24px,4vw,32px);letter-spacing:-.5px;margin-bottom:8px}h1,h2{font-weight:800}h2{font-size:clamp(19px,3vw,24px);margin:28px 0 12px}.sub{color:var(--muted);font-size:15px;margin-bottom:20px}.site-header{background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav{gap:20px;height:58px}.logo,.nav{display:flex;align-items:center}.logo{gap:8px;font-weight:800;font-size:17px;color:var(--blue)}.logo:hover{text-decoration:none}.logo-badge{width:32px;height:32px;background:var(--blue);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;object-fit:cover;overflow:hidden}.nav-links{display:none;gap:18px;font-size:15px;font-weight:500;align-items:center;flex:1 1}.nav-links a{color:var(--muted);line-height:1}.nav-links a:hover{color:var(--blue);text-decoration:none}@media (min-width:768px){.nav-links{display:flex}}.nav-links .nav-install{margin-left:auto;padding:10px 22px;background:var(--blue);color:#fff!important;border-radius:12px;font-size:15px;font-weight:700;white-space:nowrap}.nav-links .nav-install:hover{background:var(--blue-dark);color:#fff!important;text-decoration:none;transform:translateY(-1px)}.nav-dropdown{position:relative}.nav-dropdown-btn{background:none;border:none;font:inherit;font-size:15px;font-weight:500;color:var(--muted);cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.nav-dropdown-btn:after{content:"▾";font-size:11px}.nav-dropdown-btn:hover{color:var(--blue);text-decoration:none}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 6px 6px;min-width:200px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:100}.nav-dropdown-menu a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text);font-weight:500;white-space:nowrap}.nav-dropdown-menu a:hover{background:#f0f4ff;color:var(--blue);text-decoration:none}.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:block}.crumbs{font-size:13px;color:var(--muted);padding:16px 0 8px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}@media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;color:var(--text);transition:.15s}.card:hover{border-color:var(--blue);text-decoration:none;box-shadow:0 6px 18px rgba(11,91,211,.1)}.card h3{font-size:16px;font-weight:700;margin-bottom:4px}.card p{font-size:14px;color:var(--muted)}.hero{background:linear-gradient(160deg,var(--blue) 0,var(--blue-darker) 100%);padding:44px 0;text-align:center;border-radius:0 0 24px 24px}.hero,.hero h1{color:#fff}.hero p{margin:12px auto 0;max-width:560px;opacity:.92}.hero .btn{margin-top:24px}.btn{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:700;font-size:15px;background:var(--green);color:#fff}.btn:hover{text-decoration:none;transform:translateY(-1px)}.rule-point{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:10px;scroll-margin-top:80px}.rule-point .num{font-weight:800;color:var(--text);margin-right:6px}.rule-point .section{display:block;font-weight:800;font-size:17px;margin-bottom:4px}.rule-sub{padding-left:24px;margin-top:8px;display:flex;flex-direction:column;gap:6px;list-style:none}.rule-sub li{scroll-margin-top:80px}.point-link{position:relative;display:inline-block;margin-right:6px;color:var(--muted);font-weight:700;font-size:14px;opacity:.45;text-decoration:none;transition:.15s}.point-link:hover{opacity:1;color:var(--blue);text-decoration:none}.point-link-toast{position:absolute;left:50%;bottom:135%;transform:translateX(-50%);background:var(--text);color:#fff;font-size:11px;font-weight:600;line-height:1.2;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none}.rule-point ol,.rule-point ul{padding-left:24px;margin-top:6px;display:flex;flex-direction:column;gap:4px}.rule-point ol ol,.rule-point ol ul,.rule-point ul ol,.rule-point ul ul{padding-left:48px;margin-top:4px}.rule-point img{display:inline-block;height:44px;width:auto;max-width:160px;object-fit:contain;vertical-align:middle;margin:2px 6px}.q-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.answers{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.ans{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid var(--border);border-radius:12px;padding:14px 16px;font-size:15.5px;cursor:pointer;text-align:left;width:100%;font-family:inherit;color:inherit;transition:.15s;line-height:1.45}.ans:hover:not(:disabled){border-color:var(--blue)}.ans:disabled{cursor:default}.ans .letter{min-width:28px;height:28px;border-radius:8px;background:#eef2f8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--muted);flex-shrink:0}.ans.correct{border-color:var(--green);background:var(--green-bg)}.ans.correct .letter{background:var(--green);color:#fff}.ans.wrong{border-color:var(--red);background:var(--red-bg)}.ans.wrong .letter{background:var(--red);color:#fff}.explain{margin-top:18px;border-left:4px solid var(--green);background:var(--green-bg);border-radius:0 12px 12px 0;padding:16px 18px}.explain.hidden{display:none}.explain b{display:block;margin-bottom:6px;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.4px}.q-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.q-nav a{flex:1 1;text-align:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:14px;font-weight:600}.q-nav a:hover{border-color:var(--blue);text-decoration:none}.q-nav a.q-nav-next,.q-nav a.q-nav-prev{position:relative;padding-left:36px;padding-right:36px}.q-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;line-height:1}.q-nav a.q-nav-prev .q-nav-arrow{left:14px}.q-nav a.q-nav-next .q-nav-arrow{right:14px}.app-hero{display:flex;gap:20px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:12px 0 8px}.app-hero-icon{border-radius:22px;box-shadow:0 4px 14px rgba(0,0,0,.12);flex-shrink:0}.app-hero-body{flex:1 1;min-width:0}.app-hero-body h1{margin-bottom:6px}.app-rating{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px;margin:10px 0 18px}.app-stars{color:#f5a623;letter-spacing:1px;font-size:17px}.app-rating b{font-size:16px}.app-rating-count{color:var(--muted);font-size:14px}.app-store-btn{background:#000}.app-store-btn:hover{background:#1a1a1a}.app-advantages{list-style:none;display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr;margin-bottom:12px}@media (min-width:640px){.app-advantages{grid-template-columns:1fr 1fr}}.app-advantages li{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.app-advantages b{display:block;margin-bottom:4px;font-size:15.5px}.app-advantages span{color:var(--muted);font-size:14px}.app-screens{display:flex;gap:14px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.app-screen{flex:0 0 auto;width:240px;height:auto;border-radius:16px;border:1px solid var(--border);scroll-snap-align:start}.app-cta{text-align:center;background:linear-gradient(160deg,var(--blue) 0,var(--blue-darker) 100%);color:#fff;border-radius:var(--radius);padding:32px 24px;margin:24px 0 8px}.app-cta h2{color:#fff;margin-top:0}.app-cta p{max-width:520px;margin:10px auto 22px;opacity:.92}.q-list{list-style:none;display:grid;grid-gap:8px;gap:8px}.q-list a{display:block;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:14.5px;color:var(--text)}.q-list a:hover{border-color:var(--blue);text-decoration:none;color:var(--blue)}.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:#e7f0fe;color:var(--blue);margin-bottom:12px}.signs-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.sign-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px}.sign-header{margin-bottom:4px}.sign-name{font-weight:600;font-size:15px;margin-bottom:6px}.sign-desc{font-size:14px;line-height:1.6;color:var(--muted)}.signs-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}@media (min-width:560px){.signs-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:820px){.signs-grid{grid-template-columns:repeat(4,1fr)}}.sign-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 12px;background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--text);transition:.15s}.sign-tile:hover{border-color:var(--blue);text-decoration:none;box-shadow:0 6px 18px rgba(11,91,211,.1);transform:translateY(-1px)}.sign-tile-img{width:72px;height:72px;object-fit:contain}.sign-tile-name{font-size:13px;line-height:1.35;color:var(--text)}.sign-cat-card{display:flex;align-items:center;gap:14px}.sign-cat-img{object-fit:contain;flex-shrink:0}.sign-cat-img,.sign-cat-img.sign-img-fallback{width:52px;height:52px}.sign-img-fallback{display:flex;align-items:center;justify-content:center;background:#eef2f8;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-weight:700;font-size:14px}.sign-tile-img.sign-img-fallback{width:72px;height:72px}.sign-detail{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.sign-detail h1{margin:0 0 16px;font-size:22px}.sign-detail-num{color:var(--text)}.sign-detail-figure{display:flex;justify-content:center;margin:0 0 24px}.sign-detail-img{width:160px;height:160px;object-fit:contain}.sign-detail-img.sign-img-fallback{width:160px;height:160px;font-size:26px}.sign-detail-desc{font-size:15px;line-height:1.7;color:var(--text)}.sign-detail-desc img{vertical-align:middle;width:25px;height:25px;object-fit:contain;margin:0 2px}.sign-detail-desc p{margin-bottom:12px}.sign-detail-desc ol,.sign-detail-desc ul{margin:12px 0;padding-left:28px}.sign-detail-desc ul{list-style:disc outside}.sign-detail-desc ol{list-style:decimal outside}.sign-detail-desc li{margin-bottom:8px}.sign-detail-desc li:last-child{margin-bottom:0}.sign-detail-desc ol ol,.sign-detail-desc ol ul,.sign-detail-desc ul ol,.sign-detail-desc ul ul{margin:8px 0;padding-left:28px}.plates-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:24px}.plates-table th{text-align:left;padding:10px 14px;background:#f0f4ff;color:var(--blue);font-weight:700;border-bottom:2px solid var(--border)}.plates-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.plates-table tr:last-child td{border-bottom:none}.plates-table tr:hover td{background:#f9fafc}.plate-codes{display:flex;flex-wrap:wrap;gap:6px}.plate-code{font-family:monospace;font-weight:700;font-size:13px;background:#e7f0fe;color:var(--blue);border-radius:6px;padding:2px 8px}.fines-list{display:flex;flex-direction:column;gap:10px}.fine-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px}.fine-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.fine-article{font-weight:700;font-size:14px;color:var(--blue)}.fine-amount{font-weight:800;font-size:15px;color:var(--text);background:#f0f4ff;border-radius:8px;padding:3px 10px;white-space:nowrap}.fine-desc{font-size:14px;line-height:1.6;color:var(--text);white-space:pre-line}.pdr-layout{display:grid;grid-template-columns:1fr;align-items:start}.pdr-sidebar{display:none}.pdr-content{padding:0 16px}@media (min-width:900px){.pdr-layout{grid-template-columns:210px 1fr;gap:28px}.pdr-layout-3{grid-template-columns:180px 1fr 210px;gap:22px}.pdr-sidebar{display:block;position:-webkit-sticky;position:sticky;top:70px;max-height:calc(100vh - 90px);overflow-y:auto}.pdr-content{padding:0}}.pdr-nav{display:flex;flex-direction:column;gap:1px}.pdr-nav-link{display:block;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--text);line-height:1.35}.pdr-nav-link:hover{background:#eef2f8;text-decoration:none}.pdr-nav-link.active{background:#e7f0fe;color:var(--blue);font-weight:600}.site-footer{background:#10182b;padding:28px 0;font-size:14px;margin-top:40px}.site-footer,.site-footer a{color:#9aa5b8}.site-footer .cols{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.site-footer b{color:#fff;display:block;margin-bottom:6px}.site-footer a{display:block;margin-top:6px}