@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#d4af37;--accent-hover:#b5952f;--text-main:#f8fafc;--text-muted:#94a3b8;--bg-gradient-start:#0f172a;--bg-gradient-end:#334155;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--card-shadow:0 8px 32px 0 #0000005e;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.main-layout{flex-direction:column;min-height:100vh;display:flex}.header{padding:var(--spacing-md)0;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--accent);align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700;display:flex}.footer{padding:var(--spacing-lg)0;text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);margin-top:auto}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--card-shadow)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--primary)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-main);border:1px solid var(--glass-border);background:0 0}.btn-ghost:hover{background:#ffffff0d}.input-group{margin-bottom:var(--spacing-md)}.label{margin-bottom:var(--spacing-xs);color:var(--text-muted);font-weight:500;display:block}.input,.select{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#0f172a99;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.input:focus,.select:focus{border-color:var(--accent);outline:none}.grid-countries{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.country-card{border:1px solid var(--glass-border);padding:var(--spacing-md);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);background:#ffffff08;transition:all .2s;display:flex}.country-card:hover{border-color:var(--accent);background:#ffffff14;transform:translateY(-2px)}.hero-section{text-align:center;padding:var(--spacing-xl)0}.hero-title{margin-bottom:var(--spacing-sm);background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:700}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto var(--spacing-xl);font-size:1.25rem}.calculator-wrapper{max-width:600px;margin:0 auto}.result-box{padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);background:#0003;justify-content:space-between;align-items:center;display:flex}.result-label{color:var(--text-muted);font-size:.9rem}.result-value{color:var(--accent);font-size:1.5rem;font-weight:700}.toggle-group{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:#0003;padding:4px;display:flex}.toggle-btn{text-align:center;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);flex:1;padding:8px;font-weight:500;transition:all .2s}.toggle-btn.active{background:var(--accent);color:var(--primary)}@media (max-width:768px){.hero-title{font-size:2rem}}