.vf-font-finder{max-width:1080px;margin:0 auto;padding:clamp(24px,4vw,52px) 16px 64px;color:#e8f2ff}.vf-font-finder-hero{display:flex;justify-content:space-between;gap:28px;padding:clamp(24px,5vw,58px);border:1px solid #234365;border-radius:28px;background:radial-gradient(circle at 92% 18%,#164d76 0,transparent 34%),linear-gradient(135deg,#071827,#0b2137)}.vf-font-finder-hero span{color:#72cef6;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.vf-font-finder-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.04;margin:.5rem 0 1rem;color:#fff}.vf-font-finder-hero p{max-width:700px;margin:0;color:#b8cae1;font-size:1.05rem;line-height:1.7}.vf-font-finder-hero-mark{flex:0 0 auto;width:108px;height:108px;border-radius:26px;display:grid;place-items:center;font-size:3rem;font-weight:800;color:#75dcff;background:#0c2d49;border:1px solid #367da8}.vf-font-finder-form{margin-top:22px;padding:clamp(18px,3vw,34px);border:1px solid #274766;border-radius:24px;background:#091827}.vf-font-finder-modes{display:flex;gap:10px;margin-bottom:18px}.vf-font-finder-modes button{padding:10px 15px;border:1px solid #2c4e6e;border-radius:12px;background:transparent;color:#c6d7ea;font-weight:700;cursor:pointer}.vf-font-finder-modes button.is-active{color:#06131f;background:#75d8fa;border-color:#75d8fa}.vf-font-dropzone{display:flex;min-height:218px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;border:1.5px dashed #4d86ad;border-radius:18px;background:#0c2235;cursor:pointer;transition:.2s}.vf-font-finder.is-dragging .vf-font-dropzone,.vf-font-dropzone:hover{border-color:#79ddff;background:#0d2940}.vf-font-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vf-font-dropzone-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#183c59;color:#83e3ff;font-size:1.7rem;font-weight:800}.vf-font-dropzone strong{color:#f5fbff;font-size:1.1rem}.vf-font-dropzone small,.vf-font-privacy,.vf-font-results-message{color:#9eb7d1;line-height:1.6}.vf-font-preview{display:flex;align-items:center;gap:12px;margin:14px 0;padding:10px;border:1px solid #294966;border-radius:14px;background:#0c2133;overflow:hidden}.vf-font-preview img{width:64px;height:48px;object-fit:cover;border-radius:8px;background:#fff}.vf-font-preview span{word-break:break-word;color:#d8eaff}.vf-font-text-field{display:block;margin:18px 0}.vf-font-text-field span{display:block;color:#c9dbec;margin-bottom:7px;font-weight:700}.vf-font-text-field input{box-sizing:border-box;width:100%;padding:13px 15px;border:1px solid #365d7d;border-radius:12px;background:#071522;color:#fff;font:inherit}.vf-font-finder-form .primary-button{min-width:190px}.vf-font-status{min-height:1.5em;margin:15px 0 0;color:#83e3ff}.vf-font-status.is-error{color:#ff9a9a}.vf-font-results{margin-top:22px;padding:clamp(18px,3vw,32px);border:1px solid #2c4f6c;border-radius:22px;background:#081725}.vf-font-results-title{margin:0 0 8px;color:#fff;font-size:1.45rem}.vf-font-ocr{padding:10px 12px;border-radius:10px;background:#102b40;color:#cde5f5}.vf-font-match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.vf-font-match-card{min-height:84px;padding:16px;border:1px solid #294d6b;border-radius:14px;background:#0c2234;color:#f3fbff;display:flex;flex-direction:column;justify-content:space-between;gap:9px;font-size:1.06rem}.vf-font-match-card.is-exact{border-color:#46885d;background:#102a20}.vf-font-score{font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.vf-font-score.high{color:#78e8a4}.vf-font-score.medium{color:#ffd071}.vf-font-score.low{color:#9eb7d1}.vf-font-disclaimer{margin-top:16px;padding:15px 17px;border-left:3px solid #e5b45e;border-radius:0 12px 12px 0;background:#241d12;color:#f2dcae;line-height:1.6}.vf-font-finder-login{max-width:760px;margin:50px auto;padding:32px;border-radius:22px;background:#0a1c2d;color:#fff}@media(max-width:600px){.vf-font-finder-hero{padding:24px;display:block}.vf-font-finder-hero-mark{margin-top:22px;width:72px;height:72px;font-size:2rem}.vf-font-finder-modes{display:grid;grid-template-columns:1fr 1fr}.vf-font-finder-modes button{min-height:48px}.vf-font-finder-form .primary-button{width:100%}}