.vtc-container{max-width:600px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.vtc-countdown-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);color:#fff;text-align:center}.vtc-countdown-title{font-size:24px;margin:0 0 20px 0;font-weight:600}.vtc-countdown{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.vtc-time-unit{background:rgba(255,255,255,.2);border-radius:15px;padding:20px;min-width:80px;backdrop-filter:blur(10px)}.vtc-time-value{display:block;font-size:36px;font-weight:700;line-height:1;margin-bottom:5px}.vtc-time-label{font-size:14px;text-transform:uppercase;opacity:.9}.vtc-calculator-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.vtc-title{font-size:32px;margin:0 0 10px 0;color:#2d3748;text-align:center}.vtc-subtitle{color:#718096;text-align:center;margin:0 0 30px 0;font-size:16px}.vtc-form{margin-bottom:30px}.vtc-form-group{margin-bottom:25px}.vtc-label{display:block;margin-bottom:10px;font-weight:600;color:#2d3748;font-size:16px}.vtc-select,.vtc-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all 0.3s ease;background-color:#f7fafc}.vtc-select:focus,.vtc-input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.vtc-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:48px}.vtc-radio-group{display:flex;gap:20px;margin-bottom:15px}.vtc-radio-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#4a5568}.vtc-radio{margin-right:8px;width:20px;height:20px;cursor:pointer}.vtc-usage-container{display:flex;align-items:center;gap:10px}.vtc-quantity{width:80px}.vtc-usage-text{color:#718096;font-weight:500}.vtc-frequency{flex:1}.vtc-price-input-wrapper{position:relative;display:flex;align-items:center}.vtc-currency{position:absolute;left:16px;font-weight:600;color:#4a5568;font-size:18px}.vtc-price-input{padding-left:35px}.vtc-calculate-btn{width:100%!important;padding:16px 24px!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:white!important;border:none!important;border-radius:12px!important;font-size:18px!important;font-weight:600!important;cursor:pointer!important;transition:all 0.3s ease!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;text-decoration:none!important;text-align:center!important;display:inline-block!important;line-height:normal!important}.vtc-calculate-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.4)!important;color:white!important;text-decoration:none!important}.vtc-calculate-btn:active{transform:translateY(0)!important}.vtc-results{background:#f7fafc;border-radius:16px;padding:30px;margin-top:30px}.vtc-results-title{font-size:24px;margin:0 0 25px 0;color:#2d3748;text-align:center}.vtc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:25px}.vtc-result-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05)}.vtc-result-card h4{margin:0 0 15px 0;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#718096}.vtc-result-value{display:flex;flex-direction:column;gap:8px}.vtc-result-monthly{font-size:24px;font-weight:700;display:block}.vtc-result-yearly{font-size:14px;color:#718096;display:block}.vtc-current .vtc-result-monthly{color:#4a5568}.vtc-future .vtc-result-monthly{color:#e53e3e}.vtc-increase .vtc-result-monthly{color:#d69e2e}.vtc-per-item-increase{text-align:center;padding:15px;background:#fff;border-radius:10px;margin-bottom:20px}.vtc-per-item-increase p{margin:0;color:#4a5568;font-size:16px}.vtc-per-item-increase strong{color:#e53e3e;font-size:20px}.vtc-cta{text-align:center}.vtc-cta-text{font-size:18px;margin:0 0 20px 0;color:#2d3748}.vtc-reset-btn{padding:12px 30px!important;background:#667eea!important;color:white!important;border:none!important;border-radius:10px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all 0.3s ease!important;text-decoration:none!important;text-align:center!important;display:inline-block!important;line-height:normal!important}.vtc-reset-btn:hover{background:#5a67d8!important;transform:translateY(-1px)!important;color:white!important;text-decoration:none!important}.vtc-hidden{display:none!important}@media (max-width:768px){.vtc-container{padding:10px}.vtc-calculator-section{padding:25px}.vtc-countdown{gap:10px}.vtc-time-unit{min-width:70px;padding:15px 10px}.vtc-time-value{font-size:28px}.vtc-title{font-size:26px}.vtc-results-grid{grid-template-columns:1fr}.vtc-usage-container{flex-wrap:wrap}.vtc-usage-text{width:100%;text-align:center;margin:5px 0}.vtc-quantity,.vtc-frequency{width:100%}}.vtc-loading{opacity:.6;pointer-events:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vtc-results{animation:fadeIn 0.4s ease-out}@media print{.vtc-countdown-section,.vtc-form,.vtc-reset-btn{display:none}.vtc-results{box-shadow:none;border:1px solid #e2e8f0}}