:root{color-scheme:dark;--bg-primary: #0a0e27;--bg-secondary: #16213e;--bg-tertiary: #1f3a5f;--border-color: #2a3f5f;--text-primary: #ffffff;--text-secondary: #a0aec0;--accent-blue: #00bfff;--accent-purple: #7c3aed}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.35;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,#1a1f4a 100%);min-height:100vh}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:40px 16px}.card{border:1px solid var(--border-color);border-radius:16px;padding:24px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.search-box{width:100%;padding:14px 18px;border:1px solid var(--border-color);border-radius:12px;background:#ffffff0d;color:var(--text-primary);font-size:16px;margin-bottom:32px;transition:all .3s ease}.search-box::placeholder{color:var(--text-secondary)}.search-box:focus{outline:none;border-color:var(--accent-blue);background:#00bfff1a;box-shadow:0 0 20px #00bfff33}.country-card{border:1px solid var(--border-color);border-radius:16px;padding:24px;background:linear-gradient(135deg,#101e3080,#1f3a5f4d);cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;overflow:hidden}.country-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,191,255,.1) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.country-card:hover{border-color:var(--accent-blue);background:linear-gradient(135deg,#101e30cc,#1f3a5f99);transform:translateY(-4px);box-shadow:0 12px 32px #00bfff26}.country-card:hover:before{opacity:1}.country-name{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.country-code{font-size:12px;font-weight:600;color:var(--accent-blue);letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.country-count{font-size:14px;color:var(--text-secondary);margin-top:auto}header{text-align:center;margin-bottom:40px}header h1{font-size:32px;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,#00bfff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header .subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:24px}.nav a,.nav summary{text-decoration:none;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:inline-block;color:var(--text-primary);transition:all .3s ease;font-size:14px;font-weight:500}.nav a:hover,.nav summary:hover{border-color:var(--accent-blue);background:#00bfff1a}.nav details{position:relative}.nav details[open] summary{border-color:var(--accent-blue);background:#00bfff1a}.nav details>:not(summary){position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px;margin-top:4px;display:flex;flex-direction:column;gap:4px;z-index:10;box-shadow:0 8px 24px #0000004d}label{display:block;margin:12px 0 6px;font-weight:650;color:var(--text-primary)}input,select{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:16px;background:#ffffff0d;color:var(--text-primary);transition:all .3s ease}input::placeholder{color:var(--text-secondary)}input:focus,select:focus{outline:none;border-color:var(--accent-blue);background:#00bfff1a;box-shadow:0 0 12px #00bfff33}button{padding:12px 16px;border:1px solid var(--accent-blue);border-radius:10px;background:linear-gradient(135deg,#00bfff,#09c);color:#000;cursor:pointer;font-weight:600;transition:all .3s ease}.site-footer{margin-top:60px;padding-top:24px;border-top:1px solid #2a3f5f;text-align:center;color:var(--text-secondary);font-size:14px}.site-footer__small{font-size:12px;margin-top:8px}.site-footer__links{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.site-footer__links a{color:#fff;text-decoration:none;font-size:12px;font-weight:600;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d}.site-footer__links a:hover{border-color:#fff3;background:#ffffff1f}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200}.cookie-banner__content{max-width:980px;margin:0 auto;background:#0d1117f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:12px}.cookie-banner__text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.6}.cookie-banner__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;align-items:center}.cookie-banner__actions button{padding:10px 14px;font-size:13px}.cookie-banner__panel{margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.cookie-banner__panel-title{margin:0;font-size:16px;color:#fff}.cookie-banner__panel-grid{display:grid;gap:12px}.cookie-banner__panel-note{color:var(--text-secondary);font-size:13px}.cookie-banner__option{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:13px;color:var(--text-secondary)}.cookie-banner__option input{margin-top:3px}.cookie-banner__actions--panel{justify-content:flex-start}@media (max-width: 640px){.cookie-banner__content{padding:14px}.cookie-banner__actions{justify-content:flex-start}.cookie-banner__option{grid-template-columns:18px 1fr}}@media (max-width: 768px){.validator-layout{display:flex;flex-direction:column}.validator-layout>.card:first-of-type{order:-1}.site-header{justify-content:center!important;text-align:center;flex-direction:column}.site-header__menu{width:100%;display:flex;justify-content:center}.site-header__dropdown{right:auto!important;left:50%!important;transform:translate(-50%);width:min(92vw,360px)}h1{font-size:28px!important}h2{font-size:20px!important}}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00bfff4d}button.primary{background:linear-gradient(135deg,#00bfff,#09c);border-color:var(--accent-blue)}button.secondary{background:transparent;color:var(--accent-blue);border-color:var(--accent-blue)}button.secondary:hover{background:#00bfff1a}small,.hint{color:var(--text-secondary);font-size:14px}.ok{color:#0f8;font-weight:800}.bad{color:#f46;font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{background:#0000004d;padding:14px;border-radius:10px;overflow:auto;border:1px solid var(--border-color);color:#0f8}hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}.result{margin-top:20px;padding:16px;border-radius:12px;border-left:4px solid var(--border-color);background:#0003;transition:all .3s ease}.result.success{background:#00ff881a;border-left-color:#0f8}.result.error{background:#ff44661a;border-left-color:#f46}.result h3{margin-top:0;color:var(--text-primary)}.result p{margin:8px 0;color:var(--text-secondary)}footer{text-align:center;padding:24px;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:40px}@media (max-width: 768px){.container{padding:24px 12px}header h1{font-size:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.country-card{padding:16px}}.result p{margin:6px 0}.input-group{display:grid;gap:8px;margin:12px 0}@media (min-width: 480px){.input-group{display:grid;grid-template-columns:1fr 120px;gap:8px}}
