:root {
    --bg:#f8f6f2; --ink:#111111; --ink2:#4a4640; --ink3:#9a9590;
    --card:#ffffff; --border:#e8e4df; --accent:#e84c2b; --green:#1a8a4a;
    --shadow:0 20px 50px rgba(0,0,0,0.1);
}

*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;}

header{background:#111;color:white;padding:25px 60px 0;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;}
.logo span{color:var(--accent);}

.lang-switch{display:flex;background:rgba(255,255,255,0.1);padding:3px;border-radius:8px;}
.lang-switch button{border:none;background:transparent;color:rgba(255,255,255,0.5);padding:5px 12px;border-radius:6px;cursor:pointer;font-weight:700;font-size:0.7rem;}
.lang-switch button.active{background:white;color:var(--ink);}

.hero{
    background:#111;
    color:white;
    padding:40px 50px 100px;
}
.hero h1 {
    font-family:'Syne',sans-serif;
    font-size:3.2rem;
    font-weight:550;
    line-height:1.5;
    letter-spacing: -0.02em;
    max-width:800px;
    height: auto;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-wrap: balance;
}
.hero h1 span{
    margin-bottom: 5px;
    margin-top: 5px;
    color:var(--accent);
}
.hero p{
    margin-bottom: 5px;
    margin-top: 5px;
    color:rgba(255,255,255,.5);
    max-width:620px;
}

.main{max-width:1200px;margin:-80px auto 0;padding:0 24px 80px;position:relative;z-index:2;}
.input-panel {
    background:var(--card);
    border:1px solid var(--border);
    border-radius:24px;
    padding:40px;
    box-shadow:var(--shadow);
    margin-bottom:40px;
    margin-top:10px;
}

.currency-tag {
    margin: 5px;
    font-family:'Syne',sans-serif;
    font-size:1.2rem;
    font-weight:50;
}

    /* Исправленный контейнер ввода */
.input-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-end;
}

.field {
    display: flex;
    flex-direction: column;
}

.field label {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ink3);
    margin-bottom: 8px;
    display: block;
}

/* Выравнивание высоты для всех элементов ввода */
.amount-wrap input, 
.currency-select, 
.calc-btn {
    height: 54px;
    border-radius: 12px;
    border: 1.5px solid var(--border);
    font-family: inherit;
}

.amount-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.amount-wrap input {
    width: 100%;
    background: var(--bg);
    padding: 0 16px;
    font-family: 'Syne';
    font-size: 1.3rem;
    font-weight: 700;
    outline: none;
}

.currency-select {
    width: 100%;
    background: var(--bg);
    padding: 0 12px;
    cursor: pointer;
    font-weight: 600;
    font-family: 'DM Sans';
}

.calc-btn {
    background: var(--accent);
    color: white;
    border: none;
    padding: 0 40px;
    font-family: 'Syne';
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    flex: 0 1 auto;
    white-space: nowrap;
}

.calc-btn:hover {
    background: var(--ink);
    transform: translateY(-2px);
}

/* Чипсы стран как на скриншоте */
.countries-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.chip{
    padding:8px 18px;
    background:#1a1712;
    border:1px solid #333;
    border-radius:100px;
    cursor:pointer;
    font-size:.85rem;
    font-weight:500;
    color:white;
    display:flex;
    align-items:center;
    gap:8px;
    transition:all .2s;
}
.chip.active{background:var(--accent);color:white;border-color:var(--accent);}

#results{display:none;}
#results.show{display:block;}

.table-wrap{background:white;border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:40px;overflow-x:auto;}
table{width:100%;border-collapse:collapse;min-width:800px;}
th{background:var(--ink);color:rgba(255,255,255,0.6);text-align:left;padding:16px;font-size:.65rem;text-transform:uppercase;cursor:pointer;}
td{padding:15px;border-bottom:1px solid var(--border);font-size:.85rem;}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;}
.card{background:white;border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:var(--shadow);}
.card.best{border-color:var(--green);box-shadow:0 10px 30px rgba(26,138,74,0.1);}

.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
.card-flag{font-size:2rem;margin-bottom:5px;display:block;}
.card-name{font-family:'Syne';font-weight:800;font-size:1.1rem;}

.net-val{font-family:'Syne';font-size:2rem;font-weight:800;letter-spacing:-1px;color:var(--ink);line-height:1;}
.local-val{font-size:0.85rem;color:var(--ink3);margin-top:5px;font-weight:500;}

.breakdown{margin:20px 0;border-top:1px dashed var(--border);padding-top:15px;}
.br-row{display:flex;justify-content:space-between;font-size:0.8rem;margin-bottom:8px;}
.br-label{color:var(--ink3);}
.br-val{font-weight:600;}
.red{color:var(--accent);}

.tax-bar-wrap{margin-top:15px;}
.tax-bar{height:6px;background:var(--bg);border-radius:10px;overflow:hidden;margin-top:8px;}
.tax-bar-fill{height:100%;background:var(--accent);border-radius:10px;}

/* Адаптив для мобилок */
@media (max-width: 768px) {
    header, .hero { padding: 30px 24px; }
    .hero h1 { font-size: 2.2rem; }
    .main { margin-top: -40px; padding: 0 16px; }
    .input-panel { padding: 24px; }
    .input-row { flex-direction: column; align-items: stretch; }
    .calc-btn { width: 100%; }
}