*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.app{width:100%}.container{max-width:480px;margin:0 auto}.card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}h1{font-size:24px;font-weight:600;color:#111827;margin-bottom:6px;text-align:center}.subtitle{font-size:14px;color:#6b7280;text-align:center;margin-bottom:28px}.form-group{margin-bottom:20px}label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.phone-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;transition:all .2s;background:#fff}.phone-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.country-code{background:#f9fafb;padding:11px 14px;font-weight:500;color:#374151;border-right:1px solid #d1d5db;font-size:14px}.country-code-select-wrapper{position:relative;display:flex;align-items:center;background:#f9fafb;border-right:1px solid #d1d5db}.country-code-select-wrapper:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M2.5 4.5L6 8L9.5 4.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.country-code-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;padding:11px 22px 11px 10px;font-weight:500;color:#374151;border:none;outline:none;cursor:pointer;font-family:inherit;font-size:14px}.country-code-select:disabled{cursor:not-allowed;opacity:.5}input[type=tel],input[type=text]{flex:1;border:none;padding:11px 14px;font-size:14px;outline:none;font-family:inherit;color:#111827}input[type=tel]::placeholder,input[type=text]::placeholder{color:#9ca3af}input[type=tel]:disabled,input[type=text]:disabled{background:#f9fafb;cursor:not-allowed;color:#9ca3af}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;color:#dc2626;font-size:13px;margin-bottom:16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:20px;margin-bottom:16px}.success-message h3{color:#166534;font-size:16px;font-weight:600;margin-bottom:6px}.success-message p{color:#166534;font-size:13px;margin:4px 0}.pay-button{width:100%;background:#111827;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.pay-button:hover:not(:disabled){background:#1f2937}.pay-button:active:not(:disabled){transform:scale(.98)}.pay-button:disabled{background:#d1d5db;cursor:not-allowed;color:#9ca3af}.info-box{margin-top:24px;background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.info-box h3{font-size:14px;font-weight:600;color:#111827;margin-bottom:10px}.info-box p{font-size:13px;color:#6b7280;margin-bottom:10px;line-height:1.5}.info-box ul{list-style:none;padding:0}.info-box li{font-size:13px;color:#6b7280;padding:4px 0 4px 18px;position:relative;line-height:1.5}.info-box li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700}.spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.card{padding:24px}h1{font-size:22px}}