*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#eef2f7;color:#1f2937}a{text-decoration:none}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0}.wrap{width:100%;max-width:800px}.calculator{width:100%;background:#fff;border:1px solid #d6dde7;box-shadow:0 18px 44px #12325424;padding:18px}.calc-header{margin-bottom:14px}.perc-title-h1{margin:0;text-align:left;font-size:26px;line-height:1.25;font-weight:600;color:#133d76}.share-buttons{gap:8px}.share-btn{width:42px;height:42px;border:1px solid #dde5ef;background:#f3f6fb;color:#133d76;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:.2s ease}.share-btn:hover{background:#e9eef6;color:#0f2f5d}.share-btn svg{width:18px;height:18px;fill:currentColor}.perc-title-h2{margin:0 0 14px;text-align:center;font-size:22px;line-height:1.25;font-weight:600;color:#133d76}.perc-title-h3{margin:0 0 14px;text-align:left;font-size:18px;line-height:1.25;font-weight:600;color:#133d76}.tool-wrap{background:#fff}.tool-card{background:#fff}.helper{margin:0 0 14px;font-size:14px;color:#64748b}.required{color:#1d4ed8;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-row.full{grid-column:1 / -1}.field-row label{display:block;margin:0 0 8px;font-size:15px;font-weight:600;color:#133d76}.field-row input,.field-row select{width:100%;height:52px;border:1px solid #dde5ef;background:#f8fbff;padding:0 14px;font-size:16px;color:#111827;outline:none}.field-row input:focus,.field-row select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe}.hint{display:block;margin-top:8px;font-size:13px;color:#64748b}.actions{display:flex;gap:10px;margin-top:16px}.btn-primary,.btn-secondary{min-width:140px;height:54px;border:none;font-size:18px;font-weight:700;cursor:pointer;transition:.2s ease;border:1px solid #dde5ef}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f3f6fb;color:#111827}.btn-secondary:hover{background:#e9eef6}.result-box{margin-top:16px;background:#475668;padding:14px;border:1px solid #475668;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end}.result-title{min-height:22px;font-size:14px;color:#94a3b8;text-align:left;margin:0 0 6px}.result-text{min-height:40px;font-size:20px;line-height:1.35;font-weight:700;color:#fff;text-align:left;word-break:break-word;margin:0}.content{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:18px}.content p{margin:0 0 14px;font-size:15px;line-height:1.7;color:#475569;text-align:left}.content ul{margin:0 0 16px;padding-left:20px}.content ul li{margin-bottom:5px;font-size:15px;line-height:1.7;color:#475569}.content ul li::marker{color:#133d76}.faq-list{margin-top:14px}.faq-item{border:1px solid #dde5ef;margin-bottom:10px;background:#fff}.faq-trigger{width:100%;background:#f8fbff;border:none;padding:16px 18px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:16px;font-weight:600;color:#133d76;cursor:pointer}.faq-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}.faq-item.is-open .faq-trigger svg{transform:rotate(180deg)}.faq-panel{padding:0 18px 16px;color:#475569;font-size:15px;line-height:1.7}.footer-links{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;border-top:1px solid #ccc;padding-top:15px}.footer-links a{font-size:15px;color:#133d76}.footer-links a:hover{text-decoration:underline}.copyright{margin-top:14px;text-align:center;font-size:13px;color:#64748b}.share-btn{position:relative;overflow:hidden}.share-btn .share-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.share-btn .share-icon-check{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.share-btn .share-icon-copy{opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}.share-btn.copied .share-icon-copy{opacity:0;visibility:hidden}.share-btn.copied .share-icon-check{opacity:1;visibility:visible}.share-btn.copied{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}@media (max-width:640px){.page{padding:0}.calculator{padding:16px}.perc-title-h1{font-size:22px}.perc-title-h2{font-size:20px}.form-grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.result-text{font-size:24px}.share-btn{width:38px;height:38px}}