:root{--color-primary:#a41431;--color-primary-dark:#b71c1c;--color-primary-light:#ef5350;--color-accent:#ff5252;--color-bg:#f5f4f4;--color-bg-white:#ffffff;--color-text:#333333;--color-text-muted:#777777;--color-shadow:rgba(120,40,40,0.07);--color-shadow-md:rgba(0,0,0,0.1);--color-list:#444444;--color-navbar-bg:#ffffff;--color-navbar-border:#e8e4e4;--color-border:#e4dfdf;--gradient-hero:linear-gradient(135deg,#fae7e7 0%,#f5f4f4 60%,#ede9e9 100%);--color-error:#c84b00;--color-error-light:#fff0e6;--color-error-border:#ffb87a;--font-family:'Segoe UI',system-ui,-apple-system,sans-serif;--border-radius:10px;--border-radius-lg:16px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);min-height:100vh}.navbar{background:var(--color-navbar-bg);border-bottom:1px solid var(--color-navbar-border);box-shadow:0 2px 8px var(--color-shadow);position:sticky;top:0;z-index:100}.navbar__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 32px;height:60px}.navbar__logo{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar__logo-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.navbar__logo img{width:100%}.navbar__logo-text{font-size:1.2rem;font-weight:700;color:var(--color-primary);letter-spacing:-0.5px}.navbar__link{text-decoration:none;color:var(--color-text);font-size:0.95rem;padding:6px 14px;border-radius:6px;transition:background 0.15s,color 0.15s}.navbar__link:hover{background:var(--color-bg);color:var(--color-primary)}.navbar__link--active{color:var(--color-primary);font-weight:600}.navbar__nav{display:flex;align-items:center;gap:10px}.navbar__language{position:relative}.navbar__language-button{list-style:none;cursor:pointer;border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;font-size:0.8rem;font-weight:600;color:var(--color-text);background:var(--color-bg-white);user-select:none;display:flex;align-items:center;gap:4px}.navbar__language-icon{width:16px;height:16px;flex-shrink:0}.navbar__language-button::-webkit-details-marker{display:none}.navbar__language[open] .navbar__language-button{border-color:var(--color-primary-light)}.navbar__language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 20px var(--color-shadow);padding:6px;z-index:20}.navbar__language-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:6px;padding:8px 10px;font-size:0.9rem;cursor:pointer;color:var(--color-text)}.navbar__language-item:hover{background:var(--color-bg);color:var(--color-primary)}.hero{background:var(--gradient-hero);padding:72px 32px 64px;text-align:center;border-bottom:1px solid var(--color-border)}.hero--compact{padding:48px 32px 40px}.hero__title{font-size:2.8rem;font-weight:800;color:var(--color-primary);margin-bottom:16px;line-height:1.2}.hero__subtitle{font-size:1.15rem;color:var(--color-text-muted);max-width:560px;margin:0 auto;line-height:1.6}.tools-section{max-width:1200px;margin:0 auto;padding:48px 32px}.tools-section__heading{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:24px}.tools-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tool-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:28px 20px;text-align:center;cursor:pointer;transition:box-shadow 0.2s,border-color 0.2s,transform 0.15s}.tool-card--link{text-decoration:none;color:inherit;display:block}.tool-card:hover{box-shadow:0 4px 20px var(--color-shadow);border-color:var(--color-primary-light);transform:translateY(-2px)}.tool-card__title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:6px}.tool-card__desc{font-size:0.85rem;color:var(--color-text-muted)}.field{display:flex;flex-direction:column;gap:5px}.field--error .field__input input,.field--error .field__control--with-select{border-color:var(--color-error-border);box-shadow:0 0 0 4px rgba(200,75,0,0.1)}.field__label{font-size:0.95rem;font-weight:600;color:var(--color-text)}.field__input input{width:100%;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-white);color:var(--color-text);padding:0.5rem;transition:border-color 0.15s ease,box-shadow 0.15s ease}.field__input input:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 4px rgba(239,83,80,0.12)}.field__error{color:var(--color-error);background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:0.5rem;font-size:0.8rem}.field__error svg{height:0.8rem}.input-with-select{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-white);overflow:hidden;transition:border-color 0.15s ease,box-shadow 0.15s ease}.input-with-select:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 4px rgba(239,83,80,0.12)}.input-with-select .field__input{flex:1}.input-with-select .field__input input{border:0;box-shadow:none}.input-with-select .field__suffix{border-left:1px solid var(--color-border);padding:0 0.5rem;background:transparent}.input-with-select .field__suffix select{border:0;background:transparent;color:var(--color-primary);font:inherit;font-weight:600;padding:0rem 0.25rem;cursor:pointer}.input-with-select .field__suffix select:focus{outline:none}.form-table{width:100%;border-collapse:collapse}.form-table thead th{text-align:left;font-weight:600;color:var(--color-text);padding:5px;font-size:0.95rem}.form-table tbody tr{border-top:1px solid var(--color-border)}.form-table tbody tr td{padding:5px;vertical-align:middle}.form-table tbody tr td .field{margin:0}.form-table tbody tr td input,.form-table tbody tr td select{width:100%}.button{padding:5px;border-radius:10px;font:inherit;font-weight:600;display:flex;align-items:center;gap:5px;color:#fff;background:var(--color-primary);border:none;box-shadow:0 8px 20px rgba(211,47,47,0.18);cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}.button:hover{transform:translateY(-1px)}.button svg{height:0.7rem}.button--secondary{color:var(--color-primary);background:none;border:1px solid var(--color-primary);box-shadow:none}.button--icon{color:var(--color-primary);background:none;box-shadow:none}.button--icon svg{height:1rem}.hide{display:none}.calculator-page{padding:48px 32px 64px}.calculator-page__inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:start}.calculator-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px var(--color-shadow);padding:28px}.calculator-card--summary{position:sticky;top:92px}.calculator-card__header{margin-bottom:24px}.calculator-card__title{font-size:1.35rem;color:var(--color-text);margin-bottom:8px}.calculator-card__text{color:var(--color-text-muted);line-height:1.6}.calculator-form{display:grid;gap:20px}.calculator-form__actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px}.calculator-result{display:grid;gap:10px}.calculator-result__item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.calculator-result__label{color:var(--color-text-muted);font-size:0.95rem}.calculator-result__value{color:var(--color-primary);font-size:1rem}@media (max-width:480px){.calculator-page{padding:32px 20px 48px}.calculator-page__inner{grid-template-columns:1fr}.calculator-card--summary{position:static}}.article-detail{padding:48px 32px 64px}.article-detail__container{max-width:800px;margin:0 auto}.article-detail__header{margin-bottom:40px;text-align:center}.article-detail__meta{font-size:0.85rem;color:var(--color-text-muted);margin-bottom:12px}.article-detail__title{font-size:2rem;font-weight:800;color:var(--color-primary);line-height:1.3;margin-bottom:16px}.article-detail__excerpt{font-size:1.05rem;color:var(--color-text-muted);line-height:1.7}.article-detail__content{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:40px;line-height:1.8;color:var(--color-list);font-size:1rem}.article-detail__content h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-top:40px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.article-detail__content h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-top:28px;margin-bottom:12px}.article-detail__content p{margin-bottom:16px}.article-detail__content ul,.article-detail__content ol{margin-bottom:16px;padding-left:24px}.article-detail__content ul li,.article-detail__content ol li{margin-bottom:8px}.article-detail__content a{color:var(--color-primary);text-decoration:underline;font-weight:500}.article-detail__content a:hover{color:var(--color-primary-dark)}.article-detail__content pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:16px 20px;overflow-x:auto;font-family:var(--font-family);font-size:0.9rem;margin-bottom:16px;color:var(--color-text)}.article-detail__content strong{font-weight:700;color:var(--color-text)}@media (max-width:480px){.article-detail{padding:32px 16px 48px}.article-detail__title{font-size:1.5rem}.article-detail__content{padding:24px 20px}}.rate-segments{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.simulation-table-wrapper{width:100%;max-height:80vh;overflow:auto;margin-top:10px;border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.simulation-table{width:100%;border-collapse:collapse;font-size:0.9rem}.simulation-table thead{background:var(--color-bg);position:sticky;top:0}.simulation-table thead th{padding:10px 14px;text-align:right;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}.simulation-table thead th:first-child{text-align:left}.simulation-table tbody tr{border-top:1px solid var(--color-border);transition:background 0.1s ease}.simulation-table tbody tr:hover{background:var(--color-bg)}.simulation-table tbody tr td{padding:8px 14px;text-align:right;color:var(--color-text)}.simulation-table tbody tr td:first-child{text-align:left;color:var(--color-text-muted);font-size:0.85rem}.simulation-table tfoot .simulation-table__footer-row{border-top:2px solid var(--color-border);background:var(--color-bg)}.simulation-table tfoot .simulation-table__footer-row td{padding:10px 14px;text-align:right}.simulation-table tfoot .simulation-table__total-label{font-weight:600;color:var(--color-text-muted);font-size:0.85rem}.simulation-table tfoot #simulation-total-interest{font-weight:700;color:var(--color-primary)}.charset-grid{display:flex;gap:12px;flex-wrap:wrap}.charset-grid__item{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:border-color 0.15s,background 0.15s;user-select:none}.charset-grid__item:has(input:checked){border-color:var(--color-primary-light);background:rgba(239,83,80,0.06)}.charset-grid__item input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.charset-grid__item span{font-weight:600;font-size:0.95rem;color:var(--color-text);font-family:"Courier New",monospace}.password-result{display:flex;flex-direction:column;gap:16px}.password-result__input{width:100%;min-width:400px;font-family:"Courier New",monospace;font-size:1.3rem;letter-spacing:2px;text-align:center;padding:14px 16px;border:2px dashed var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-result__input:focus{border-color:var(--color-primary-light)}@media (max-width:480px){.password-result__input{min-width:0}}.password-result__actions{display:flex;gap:12px;justify-content:center}.password-result__actions .button{padding:10px 24px;font-size:0.95rem}.strength{display:flex;align-items:center;gap:12px}.strength__track{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.strength__fill{height:100%;width:0;border-radius:4px;transition:width 0.3s ease,background 0.3s ease}.strength--weak .strength__fill{width:25%;background:#e53935}.strength--fair .strength__fill{width:50%;background:#fb8c00}.strength--strong .strength__fill{width:75%;background:#43a047}.strength--very-strong .strength__fill{width:100%;background:#2e7d32}.strength__label{font-size:0.85rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;min-width:80px;text-align:right}.test-ads{margin:72px}