*{box-sizing:border-box;margin:0;padding:0;transition:colors .2s ease,background-color .2s ease}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#f9fafb,#eff6ff 50%,#e0e7ff);color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.min-h-screen{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:1rem}.payment-container{max-width:440px;width:100%}.header-card{background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:1.25rem;box-shadow:0 10px 25px -5px #2563eb4d;color:#fff;margin-bottom:1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative}.header-card:before{background:#ffffff1a;height:100px;margin-right:-50px;margin-top:-50px;right:0;top:0;width:100px}.header-card:after,.header-card:before{border-radius:50%;content:"";position:absolute}.header-card:after{background:#ffffff0d;bottom:0;height:80px;left:0;margin-bottom:-40px;margin-left:-40px;width:80px}.header-content{position:relative;z-index:10}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.header-title{font-size:1.4rem;font-weight:700;letter-spacing:.025em;margin-bottom:0}.header-subtitle{color:#dbeafe;font-size:.8rem;font-weight:500}.timer-badge{background-color:#ef4444;border-radius:9999px;box-shadow:0 4px 8px -2px #0003;color:#fff;font-size:.8rem;font-weight:700;padding:.35rem .75rem}.header-amount{display:none}.amount-label{color:#dbeafe;font-size:.75rem;margin-bottom:.25rem}.amount-value{font-size:1.75rem;font-weight:900;margin-bottom:0}.amount-info{color:#dbeafe;font-size:.75rem}.form-card{background:#fff;border-radius:1.5rem;box-shadow:0 15px 30px -5px #0000001a;padding:1.5rem}.form-section-divider{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.instruction-box{align-items:flex-start;display:flex;gap:.75rem}.instruction-icon{align-items:center;background-color:#dbeafe;border-radius:9999px;color:#2563eb;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.instruction-text{color:#374151;font-size:.85rem;font-weight:500;line-height:1.5}.section-title{color:#111827;font-size:1rem;font-weight:700;margin-bottom:.75rem}.card-block{align-items:center;border:2px solid;border-radius:1.25rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 2rem;transition:all .3s ease}.card-block:hover{box-shadow:0 10px 20px -5px #0000001a}.uzcard-block{background:linear-gradient(135deg,#fef3c7,#fef08a);border-color:#fbbf24}.visa-block{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.card-info{align-items:center;display:flex;flex:0 1 auto;gap:.75rem}.card-icon{font-size:1.5rem}.card-details{display:flex;flex:0 1 auto;flex-direction:column}.card-type{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card-number{color:#111827;font-size:1.125rem;font-weight:700;letter-spacing:.05em;margin:.25rem 0;overflow:visible;white-space:nowrap}.card-copy-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.5rem;pointer-events:auto;transition:all .2s ease;z-index:10}.card-copy-btn:hover{background-color:#2563eb1a;color:#2563eb;transform:scale(1.1)}.card-copy-btn:active{transform:scale(.95)}.card-copy-btn:focus{outline:2px solid #2563eb;outline-offset:2px}.card-amount{background-color:#fff9;border-radius:.5rem;font-size:1.125rem;font-weight:700;padding:.5rem 1rem}.uzcard-amount{color:#ea580c}.visa-amount{color:#16a34a}.card-holder{color:#374151;font-size:.875rem;font-weight:500}.card-holder-name{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;margin-top:.5rem;text-align:center;text-transform:uppercase}.payme-btn{align-items:center;background:linear-gradient(135deg,#0cbbbc,#09a3a4);border:none;border-radius:1rem;box-shadow:0 6px 20px #0cbbbc59;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease;width:100%}.payme-btn:hover{background:linear-gradient(135deg,#0dd2d3,#0cbbbc);box-shadow:0 10px 25px #0cbbbc73;transform:translateY(-2px)}.payme-btn:active{transform:translateY(0)}.payme-logo{height:auto;width:90px}.payme-text{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.payme-amount{background:#fff3;border-radius:.6rem;color:#fff;font-size:.9rem;font-weight:700;padding:.5rem .9rem}.form-group{margin-bottom:1rem}.form-label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.tariff-selector{display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.tariff-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.35rem;justify-content:center;padding:.75rem .5rem;transition:all .2s ease}.tariff-option:hover{background-color:#f3f4f6;border-color:#2563eb;transform:translateY(-2px)}.tariff-option.active{background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:#2563eb;box-shadow:0 4px 12px -2px #2563eb66;color:#fff}.tariff-name{font-size:.8rem;font-weight:600}.tariff-price{font-size:.75rem;font-weight:700}.input-field{border:2px solid #e5e7eb;border-radius:.75rem;font-family:inherit;font-size:.95rem;padding:.85rem 1rem;transition:all .2s ease;width:100%}.input-field:hover{background-color:#fafafa;border-color:#d1d5db}.input-field:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-field::-moz-placeholder{color:#9ca3af}.input-field::placeholder{color:#9ca3af}.phone-group{align-items:stretch;display:flex;flex-wrap:nowrap;gap:.6rem}.phone-prefix{align-items:center;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;gap:.4rem;padding:.85rem 1rem;white-space:nowrap}.phone-prefix-flag{font-size:1.1rem}.phone-input{flex:1;min-width:0}.file-section{margin-bottom:1.25rem}.file-info-box{background-color:#eff6ff;border-left:4px solid #2563eb;border-radius:.4rem;color:#1e40af;font-size:.8rem;margin-bottom:.75rem;padding:.65rem .85rem}.file-upload-btn{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);border:none;border-radius:.75rem;box-shadow:0 6px 15px -3px #00000040;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.85rem 1.25rem;pointer-events:auto;transition:all .3s ease;width:100%;z-index:10}.file-upload-btn:hover{background:linear-gradient(135deg,#111827,#000);box-shadow:0 20px 25px -5px #0000004d;transform:translateY(-2px)}.file-upload-btn:active{transform:translateY(0)}.file-upload-btn:focus{outline:2px solid #2563eb;outline-offset:2px}.file-name{color:#16a34a;font-size:.85rem;font-weight:500;gap:.4rem;margin-top:.6rem}.file-name,.submit-btn{align-items:center;display:flex}.submit-btn{border:none;border-radius:.75rem;box-shadow:0 6px 15px -3px #0003;cursor:pointer;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.9rem;transition:all .3s ease;width:100%}.submit-btn.enabled{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;cursor:pointer}.submit-btn.enabled:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);box-shadow:0 20px 25px -5px #0000004d;transform:translateY(-2px)}.submit-btn.enabled:active{transform:translateY(0)}.submit-btn.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.toast{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:.5rem;bottom:1rem;box-shadow:0 10px 15px -3px #0000004d;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.6rem 1rem;position:fixed;right:1rem;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-container{align-items:center;background:linear-gradient(135deg,#1e40af,#3730a3);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.home-decoration{background:#ffffff0d;border-radius:50%;filter:blur(40px);position:absolute}.home-decoration-1{bottom:2rem;height:256px;left:2rem;width:256px}.home-decoration-2{height:192px;right:48px;top:128px;width:192px}.home-content{position:relative;text-align:center;z-index:10}.home-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1.5rem;display:inline-flex;font-size:3rem;height:96px;justify-content:center;margin-bottom:1.5rem;width:96px}.home-title{color:#fff;font-size:2rem;font-weight:900;line-height:1.2;margin-bottom:.75rem}.home-subtitle{color:#93c5fd;font-size:1.25rem;line-height:1.5;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:448px}.home-cta{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0003;color:#2563eb;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.home-cta:hover{background-color:#f3f4f6;box-shadow:0 25px 30px -5px #0000004d;transform:scale(1.05)}@media(max-width:640px){.min-h-screen{padding:.75rem}.header-card{border-radius:1rem;margin-bottom:.75rem;padding:1rem 1.25rem}.header-title{font-size:1.2rem}.header-subtitle{display:none}.timer-badge{font-size:.8rem;padding:.4rem .7rem}.amount-value{font-size:1.5rem}.form-card{border-radius:1.25rem;padding:1.25rem}.form-section-divider{margin-bottom:.75rem;padding-bottom:.75rem}.instruction-icon{font-size:.85rem;height:30px;width:30px}.instruction-text{font-size:.8rem}.section-title{font-size:.95rem;margin-bottom:.6rem}.payme-btn{border-radius:.85rem;margin-bottom:1rem;padding:.85rem 1rem}.payme-logo{width:75px}.payme-text{font-size:.7rem}.payme-amount{font-size:.8rem;padding:.4rem .65rem}.form-group{margin-bottom:.85rem}.form-label{font-size:.8rem;margin-bottom:.35rem}.tariff-selector{gap:.5rem}.tariff-option{border-radius:.6rem;padding:.6rem .35rem}.tariff-name{font-size:.75rem}.tariff-price{font-size:.7rem}.input-field{border-radius:.6rem;font-size:.9rem;padding:.75rem .85rem}.phone-group{flex-wrap:nowrap;gap:.5rem}.phone-prefix{border-radius:.6rem;font-size:.9rem;padding:.75rem .85rem}.phone-prefix-flag{font-size:1rem}.phone-input{flex:1;min-width:0}.file-section{margin-bottom:1rem}.file-info-box{font-size:.75rem;margin-bottom:.6rem;padding:.55rem .75rem}.file-upload-btn{border-radius:.6rem;font-size:.9rem;padding:.75rem 1rem}.file-name{font-size:.8rem;margin-top:.5rem}.submit-btn{border-radius:.6rem;font-size:.95rem;padding:.8rem}.home-title{font-size:2.25rem}}