html,body{margin:0;padding:0;background:#fafaf9}body{font-family:"Instrument Sans",Helvetica,Arial,sans-serif;color:#1c1917}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.site-header{width:100%;box-sizing:border-box;padding:20px 32px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7e5e4;background:#fff}.brand-mark{width:28px;height:28px;border-radius:6px;background:oklch(.55 .15 250);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}.brand-name{font-weight:600;font-size:16px;letter-spacing:-.01em}main{width:100%;max-width:700px;box-sizing:border-box;padding:56px 24px 64px;display:flex;flex-direction:column;align-items:center}h1{margin:0 0 10px;font-size:clamp(28px,5vw,40px);font-weight:700;letter-spacing:-.02em;text-align:center;text-wrap:pretty}.intro{margin:0 0 40px;font-size:16px;line-height:1.55;color:#78716c;text-align:center;max-width:400px;text-wrap:pretty}.generator-card{width:100%;background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:28px;box-sizing:border-box;box-shadow:0 1px 3px rgba(28,25,23,.05);display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px;position:relative}.field-label{font-size:13px;font-weight:600;color:#57534e;letter-spacing:.02em;text-transform:uppercase}.country-trigger{display:flex;align-items:center;gap:11px;width:100%;padding:11px 14px;font-size:15px;font-family:inherit;color:#1c1917;background:#fafaf9;border:1px solid #d6d3d1;border-radius:8px;cursor:pointer;outline:none;text-align:left}.country-trigger:hover{border-color:#a8a29e}.country-trigger:focus-visible,#country-search:focus-visible,.generate:focus-visible,.copy:focus-visible,.clear:focus-visible,.country-option:focus-visible{outline:3px solid oklch(.55 .15 250 / .25);outline-offset:1px}.country-trigger img,.country-option img{width:24px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(28,25,23,.12);flex-shrink:0}.country-trigger span:nth-child(2){flex:1;font-weight:500}.chevron{width:9px;height:9px;border-right:1.6px solid #78716c;border-bottom:1.6px solid #78716c;transform:rotate(45deg) translate(-2px,-2px);flex-shrink:0}.country-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:40;background:#fff;border:1px solid #e7e5e4;border-radius:10px;box-shadow:0 12px 32px -8px rgba(28,25,23,.18),0 2px 6px rgba(28,25,23,.06);overflow:hidden}.search-wrap{padding:10px;border-bottom:1px solid #f0efee}.search-wrap input{width:100%;box-sizing:border-box;padding:9px 12px;font-size:14px;font-family:inherit;color:#1c1917;background:#fafaf9;border:1px solid #e7e5e4;border-radius:7px;outline:none}.country-list{max-height:264px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:1px}.country-option{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:14.5px;font-family:inherit;color:#1c1917;background:none;border:0;border-radius:7px;cursor:pointer;text-align:left}.country-option:hover{background:#f5f5f4}.country-option span:nth-child(2){flex:1}.tick{font-size:13px;color:oklch(.55 .15 250);font-weight:700}.no-results{padding:18px 10px;text-align:center;font-size:14px;color:#a8a29e;margin:0}.generate{width:100%;padding:14px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:oklch(.55 .15 250);border:0;border-radius:8px;cursor:pointer;letter-spacing:.01em;transition:background .15s}.generate:hover{background:oklch(.48 .15 250)}.generate:active{transform:translateY(1px)}.generate:disabled{cursor:wait;opacity:.8}.result{display:flex;flex-direction:column;gap:8px}.iban-output{display:flex;align-items:center;gap:10px;background:#f5f5f4;border:1px dashed #d6d3d1;border-radius:10px;padding:16px 18px}.iban-output code{flex:1;font-family:"JetBrains Mono",monospace;font-size:clamp(17px,3.6vw,20px);font-weight:500;letter-spacing:.1em;color:#1c1917;animation:keyPop .35s ease;overflow-wrap:anywhere}.copy{flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;color:#57534e;background:#fff;border:1px solid #d6d3d1;border-radius:7px;cursor:pointer;transition:all .15s}.copy:hover{border-color:oklch(.55 .15 250);color:oklch(.55 .15 250)}.error{margin:0;color:#b42318;font-size:14px}.history{width:100%;margin-top:28px;display:flex;flex-direction:column;gap:10px}.history-heading{display:flex;align-items:center;justify-content:space-between}.clear{padding:4px 10px;font-size:12px;font-weight:500;font-family:inherit;color:#a8a29e;background:none;border:0;cursor:pointer}.clear:hover{color:#57534e}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #eeedec;border-radius:8px;padding:10px 14px}.history-item code{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.08em;color:#44403c}.history-country{display:flex;align-items:center;gap:7px;font-size:12px;color:#a8a29e;white-space:nowrap}.history-country img{width:17px;height:12px;object-fit:cover;border-radius:1.5px;box-shadow:0 0 0 1px rgba(28,25,23,.12)}footer{margin-top:auto;width:100%;box-sizing:border-box;padding:20px;text-align:center;font-size:12px;color:#a8a29e}@keyframes keyPop{0%{transform:scale(.97);opacity:.4}100%{transform:scale(1);opacity:1}}@media(max-width:480px){.site-header{padding:16px 20px}.generator-card{padding:20px}.iban-output{padding:14px;gap:8px}.copy{padding:8px 10px}}