.vcf-page *,.vcf-page *::before,.vcf-page *::after{box-sizing:border-box}.vcf-page{margin:0;padding:0 16px 20px;background:#fff0;font-family:'Inter',system-ui,-apple-system,sans-serif;color:#333;display:flex;justify-content:center;align-items:flex-start}.vcf-card{width:100%;max-width:700px;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 12px rgb(0 0 0 / .08);overflow:hidden;transition:all 0.3s ease}.vcf-header{background:#30F00E;border-radius:16px 16px 0 0;padding:16px 24px}.vcf-header h1{margin:0;font-size:22px;font-weight:700;color:#000;line-height:1.2}.vcf-header p{margin:4px 0 0;font-size:13px;font-weight:600;color:#000}.vcf-body{background:#fff;border-radius:0 0 16px 16px;padding:20px 24px 24px}.vcf-label{display:block;text-transform:uppercase;font-size:12px;font-weight:700;color:#333;letter-spacing:.05em;margin-bottom:6px}.vcf-input-wrap{position:relative}.vcf-input{display:block;width:100%;height:56px;padding:0 16px;background:#f2f2f2;border:none;border-radius:8px;font-size:16px;color:#222;font-family:'Inter',system-ui,-apple-system,sans-serif;outline:none;transition:all 0.3s ease}.vcf-input::placeholder{color:#aaa;font-family:'Inter',system-ui,-apple-system,sans-serif}.vcf-input.vcf-has-value{font-family:'Courier New',monospace;letter-spacing:.05em}.vcf-input:focus{background:#e8f5e8;outline:2px solid #0C0;outline-offset:0}.vcf-input.vcf-valid{background:#e8f5e8;outline:2px solid #0C0;outline-offset:0}.vcf-input.vcf-invalid{background:#fff0f0;outline:2px solid #e02424;outline-offset:0}.vcf-counter{text-align:right;font-size:12px;color:#aaa;margin-top:6px;transition:color 0.3s ease}.vcf-counter.vcf-full{color:#0C0}.vcf-buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.vcf-btn{height:48px;border:none;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#000;color:#fff;transition:all 0.3s ease}.vcf-btn-primary{padding:0 36px}.vcf-btn-primary:hover{background:#222;transform:translateY(-1px)}.vcf-btn-secondary{padding:0 28px}.vcf-btn-secondary:hover{background:#222}.vcf-breakdown{margin-top:18px;transition:all 0.3s ease}.vcf-breakdown-title{text-transform:uppercase;font-size:12px;font-weight:700;color:#333;letter-spacing:.05em;margin:0 0 12px}.vcf-breakdown-grid{display:flex;flex-wrap:wrap;gap:8px}.vcf-box{border-radius:10px;padding:12px 10px;text-align:center;min-width:75px;flex:1;transition:all 0.3s ease}.vcf-box-label{font-size:9px;text-transform:uppercase;font-weight:700;margin-bottom:4px}.vcf-box-value{font-size:20px;font-weight:700;font-family:'Courier New',monospace;margin-bottom:2px}.vcf-box-sub{font-size:10px}.vcf-box-blue{background:#e8f0fe;border:1px solid #c5d3f5}.vcf-box-blue .vcf-box-label,.vcf-box-blue .vcf-box-sub{color:#3a5bbf}.vcf-box-blue .vcf-box-value{color:#1a3a9c}.vcf-box-yellow{background:#fff8e6;border:1px solid #f5d78a}.vcf-box-yellow .vcf-box-label,.vcf-box-yellow .vcf-box-sub{color:#8a6000}.vcf-box-yellow .vcf-box-value{color:#5a3e00}.vcf-box-green{background:#e6f9f0;border:1px solid #8ad5b0}.vcf-box-green .vcf-box-label,.vcf-box-green .vcf-box-sub{color:#0a6640}.vcf-box-green .vcf-box-value{color:#054d30}.vcf-box-cin-ok{background:#e6f9e6;border:1px solid #0C0}.vcf-box-cin-ok .vcf-box-label,.vcf-box-cin-ok .vcf-box-value{color:#070}.vcf-box-cin-ok .vcf-box-sub{color:#070}.vcf-box-cin-bad{background:#fff0f0;border:1px solid #e02424}.vcf-box-cin-bad .vcf-box-label,.vcf-box-cin-bad .vcf-box-value{color:#c00000}.vcf-box-cin-bad .vcf-box-sub{color:#c00000}.vcf-result{margin-top:18px;transition:all 0.3s ease}.vcf-result-box{display:flex;align-items:center;gap:16px;border-radius:12px;padding:16px 20px}.vcf-result-valid{background:#f0fff0;border:2px solid #0C0}.vcf-result-invalid{background:#fff5f5;border:2px solid #e02424}.vcf-result-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.vcf-result-valid .vcf-result-icon{background:#0C0}.vcf-result-invalid .vcf-result-icon{background:#e02424}.vcf-result-title{margin:0 0 4px;font-size:18px;font-weight:700}.vcf-result-valid .vcf-result-title{color:#070}.vcf-result-invalid .vcf-result-title{color:#c00000}.vcf-result-sub{margin:0;font-size:14px;color:#555}.vcf-disclaimer{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:16px;font-size:11px;color:#999;line-height:1.5}.vcf-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .7);align-items:center;justify-content:center;transition:opacity 0.4s ease;opacity:0}.vcf-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.vcf-modal-content{position:relative;background:#fff;padding:40px;border-radius:8px;width:90%;max-width:450px;text-align:center;transform:scale(.8);opacity:0;box-shadow:0 8px 30px rgb(0 0 0 / .3);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);z-index:2;box-sizing:border-box}.vcf-modal.vcf-active{opacity:1}.vcf-modal.vcf-active .vcf-modal-content{transform:scale(1);opacity:1}.vcf-modal-close{position:absolute;right:20px;top:15px;font-size:28px;font-weight:700;color:#000;cursor:pointer;line-height:1;transition:color 0.2s ease}.vcf-modal-close:hover{color:#e02424}#vcf-modal-title{margin:0 0 15px;font-size:24px;font-weight:700;color:#000;font-family:inherit}#vcf-modal-input{width:100%;padding:15px;font-size:24px;font-weight:700;text-align:center;letter-spacing:3px;margin:25px 0;border:1px solid #000000!important;background:#ebebeb;border-radius:4px;font-family:'Courier New',monospace;outline:none;box-sizing:border-box;color:#000}#vcf-modal-message{margin:10px 0 20px;font-size:15px;color:#555;line-height:1.5}#vcf-modal-actions{display:flex;justify-content:center;gap:10px;margin-top:15px}#vcf-modal-copy-btn,#vcf-modal-close-btn{padding:10px 25px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;border:none;border-radius:3px;transition:all 0.2s ease;white-space:nowrap}#vcf-modal-copy-btn{background:#30F00E;color:#fff}#vcf-modal-copy-btn:hover{background:#25cc0b}#vcf-modal-copy-btn.vcf-copied{background:#25cc0b}#vcf-modal-close-btn{background:red;color:#fff}#vcf-modal-close-btn:hover{background:#d40000}.vcf-hidden{display:none!important}@media (max-width:650px){.vcf-breakdown-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.vcf-breakdown-grid .vcf-box{min-width:0;flex:none}.vcf-breakdown-grid .vcf-box:nth-child(1){grid-column:span 6}.vcf-breakdown-grid .vcf-box:nth-child(2){grid-column:span 6}.vcf-breakdown-grid .vcf-box:nth-child(3){grid-column:span 4}.vcf-breakdown-grid .vcf-box:nth-child(4){grid-column:span 4}.vcf-breakdown-grid .vcf-box:nth-child(5){grid-column:span 4}.vcf-breakdown-grid .vcf-box:nth-child(6){grid-column:span 8}.vcf-breakdown-grid .vcf-box:nth-child(7){grid-column:span 4}}@media (max-width:480px){.vcf-page{padding:0 8px 15px}.vcf-card{border-radius:12px}.vcf-header{padding:12px 16px;border-radius:12px 12px 0 0}.vcf-header h1{font-size:18px}.vcf-header p{font-size:12px;margin-top:2px}.vcf-body{padding:16px 16px 20px;border-radius:0 0 12px 12px}.vcf-label{font-size:11px;margin-bottom:6px}.vcf-input{height:46px;padding:0 12px;font-size:15px}.vcf-buttons{margin-top:12px;gap:8px;flex-direction:row;flex-wrap:nowrap}.vcf-btn{height:42px;font-size:11px;letter-spacing:.05em}.vcf-btn-primary{flex:1.3;padding:0 8px}.vcf-btn-secondary{flex:1;padding:0 8px}.vcf-breakdown{margin-top:12px}.vcf-breakdown-title{font-size:11px;margin-bottom:8px}.vcf-box{padding:8px 4px;border-radius:8px}.vcf-box-label{font-size:8px;margin-bottom:2px}.vcf-box-value{font-size:16px}.vcf-box-sub{font-size:9px}.vcf-result{margin-top:12px}.vcf-result-box{padding:12px 16px;gap:12px;border-radius:10px}.vcf-result-icon{width:32px;height:32px;font-size:16px}.vcf-result-title{font-size:15px;margin-bottom:2px}.vcf-result-sub{font-size:12px}.vcf-disclaimer{margin-top:12px;padding-top:8px;font-size:10px}.vcf-modal-content{padding:30px 15px 15px;border-radius:8px}#vcf-modal-title{font-size:20px}#vcf-modal-input{padding:10px;font-size:18px;margin:15px 0;letter-spacing:2px}#vcf-modal-message{font-size:13px}}