:root{--brand-primary: var(--primary, #5b21b6);--brand-primary-hover: var(--primary-hover, #4c1d95);--brand-background: var(--background, #fafafa);--brand-text: var(--text-primary, #1e1b4b)}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-sans);font-size:.875rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;outline:none;white-space:nowrap}.select-trigger:hover{border-color:var(--border-hover)}.select-trigger:focus,.select-trigger[data-state=open]{border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14}.select-trigger-navbar{padding:.5rem .75rem;min-width:150px;background:#fff}.select-trigger-default{width:100%;padding:12px 16px;font-size:16px;margin-top:6px;background:var(--surface)}.select-icon{display:flex;align-items:center;color:var(--muted-foreground);transition:transform .2s ease}.select-trigger[data-state=open] .select-icon{transform:rotate(180deg)}.select-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:2000;min-width:var(--radix-select-trigger-width);max-height:300px;animation:selectSlideDown .15s ease-out}@keyframes selectSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-viewport{padding:6px}.select-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;transition:background .1s ease;-webkit-user-select:none;user-select:none}.select-item:hover,.select-item[data-highlighted]{background:var(--muted)}.select-item[data-state=checked]{font-weight:500}.select-item-indicator{display:flex;align-items:center;color:var(--primary)}.country-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-top:6px;text-align:left}.country-select-trigger:hover{border-color:var(--border-hover)}.country-select-trigger:focus,.country-select-trigger[aria-expanded=true]{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14}.country-select-value{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.country-flag{font-size:1.25rem;line-height:1;flex-shrink:0}.country-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.country-select-chevron{color:var(--muted-foreground);transition:transform .2s ease;flex-shrink:0}.country-select-chevron.open{transform:rotate(180deg)}.country-select-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:2000;width:var(--radix-popover-trigger-width);min-width:280px;max-width:400px;overflow:hidden;animation:countrySelectSlideDown .2s ease-out}@keyframes countrySelectSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.country-select-search-wrapper{position:relative;display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--muted)}.country-select-search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.country-select-search{flex:1;border:none;background:transparent;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);outline:none;padding:6px 32px 6px 4px;margin:0}.country-select-search::placeholder{color:var(--muted-foreground)}.country-select-list{max-height:280px;overflow-y:auto;padding:6px}.country-select-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background .1s ease;outline:none}.country-select-item:hover,.country-select-item:focus{background:var(--muted)}.country-select-item.selected{background:var(--secondary);font-weight:500}.country-select-item .country-flag{font-size:1.125rem}.country-select-item .country-name{flex:1}.country-select-check{color:var(--primary);flex-shrink:0}.country-select-empty{padding:24px;text-align:center;color:var(--muted-foreground);font-family:var(--font-sans);font-size:.875rem}.country-select-list::-webkit-scrollbar{width:6px}.country-select-list::-webkit-scrollbar-track{background:transparent}.country-select-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.country-select-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.country-select-content{margin:0 16px;width:calc(100% - 32px);min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}@media(min-width:481px){.select-trigger-navbar{min-width:150px;padding:.5rem .75rem;font-size:.875rem}.country-select-content{margin:0;width:var(--radix-popover-trigger-width);min-width:280px;max-width:400px}}@media(max-width:768px){.select-trigger-navbar{min-width:unset;width:56px;padding:.5rem .375rem;text-align:center;font-size:13px}.country-select-trigger{font-size:16px}}@media(max-width:480px){.select-trigger-navbar{width:50px;padding:.5rem .25rem;font-size:12px}}body{background:var(--background);margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}.preview-navbar{background:#fff;border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;width:100%}.navbar-content{max-width:80rem;height:100%;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;overflow:visible}@media(min-width:640px){.navbar-content{padding:0 1.5rem}}@media(min-width:1024px){.navbar-content{padding:0 2rem}}.navbar-left{flex:1;display:flex;align-items:center;gap:.75rem}.navbar-logo{height:28px;max-width:112px;width:auto;object-fit:contain;cursor:pointer;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.02)}.navbar-brand-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:transform .3s ease}.navbar-brand-name:hover{transform:scale(1.02)}.navbar-right{display:flex;align-items:center;gap:var(--space-sm)}.navbar-try-another-button{font-family:var(--font-display);display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;background:var(--primary);border:none;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.navbar-try-another-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.navbar-share-button{font-family:var(--font-display);display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.navbar-share-button:hover{border-color:var(--primary);color:var(--primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);position:fixed;inset:0;background:var(--background);z-index:9999}.loading[hidden]{display:none}.spinner-large{border:4px solid var(--muted);border-top:4px solid var(--primary);border-radius:50%;width:48px;height:48px;animation:spin .8s linear infinite}.loading p{font-family:var(--font-sans);color:var(--muted-foreground);font-size:1rem}.checkout-container{display:grid;grid-template-columns:1fr 480px;gap:var(--space-lg);max-width:80rem;margin:0 auto;padding:var(--space-lg) 1rem;padding-top:calc(var(--space-lg) + 64px);width:100%;box-sizing:border-box;overflow-x:hidden}@media(min-width:640px){.checkout-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.checkout-container{padding-left:2rem;padding-right:2rem}}.left-panel,.order-summary-panel{min-width:0}.customer-form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-soft);height:fit-content}.order-summary-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;height:fit-content;box-shadow:var(--shadow-soft)}.order-summary-panel h2{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.product-list{margin-bottom:10px;padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.product-item{display:flex;gap:12px;margin-bottom:6px}.product-image{width:64px;height:64px;background:var(--secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.product-info{flex:1;min-width:0}.product-name{font-family:var(--font-sans);font-weight:500;color:var(--text-primary);margin-bottom:4px;font-size:14px}.product-quantity{font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground)}.product-price{font-family:var(--font-display);font-weight:600;color:var(--text-primary);font-size:15px;font-variant-numeric:tabular-nums}.order-totals{display:flex;flex-direction:column;gap:12px}.total-row{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:14px;color:var(--muted-foreground)}.total-row.total{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);padding-top:12px;border-top:2px solid var(--border);margin-top:4px}.details-form h2{font-family:var(--font-display);font-size:18px;margin-bottom:20px;color:var(--text-primary)}.details-form label{display:block;margin-bottom:20px;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text-primary)}.details-form input{font-family:var(--font-sans);display:block;width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;margin-top:6px;transition:all .2s;background:var(--surface)}.details-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14}.details-form input:disabled,.details-form select:disabled{background-color:var(--muted);cursor:not-allowed;opacity:.7}.details-form small{display:block;margin-top:4px;color:var(--muted-foreground);font-size:12px}.continue-button{font-family:var(--font-display);width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px;box-shadow:var(--shadow-md)}.continue-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.continue-button:active:not(:disabled){transform:scale(.98)}.continue-button:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;transform:none;box-shadow:none}.keyboard-shortcuts-bar{position:fixed;bottom:20px;left:20px;display:flex;gap:8px;z-index:1000;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 12px;box-shadow:var(--shadow-lg)}.keyboard-shortcuts-bar.hidden{display:none}.shortcut-hint{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md);transition:all .15s}.shortcut-hint:hover{background:var(--muted)}.shortcut-hint:active{transform:scale(.97)}.shortcut-hint kbd{font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);min-width:24px;text-align:center;box-shadow:0 2px #0003}.shortcut-hint span{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-primary)}.shortcut-hint.active kbd{background:var(--success)}.payment-section{display:none;margin-top:32px;padding-top:0;border-top:none}.payment-section-title{font-family:var(--font-display);font-size:1.1em;font-weight:500;color:var(--text-primary);margin:0 0 16px;text-align:center}.form-select{font-family:var(--font-sans);display:block;width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;margin-top:6px;background:var(--surface);cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14}.pay-button{font-family:var(--font-display);width:100%;padding:16px;font-size:16px;font-weight:500;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;margin-top:16px;box-shadow:var(--shadow-md)}.pay-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.pay-button:active:not(:disabled){transform:scale(.98)}.pay-button:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;transform:none;box-shadow:none}.payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.payment-loading .spinner{width:32px;height:32px;border:3px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.payment-loading p{font-family:var(--font-sans);color:var(--muted-foreground);font-size:.875rem}:root{--quidkey-dynamic-height: 108px}.stripe-element-container{width:100%;background:#fff;border-radius:0;border:none;padding:0;margin-top:-2px;box-shadow:0 0 1px #00000008,0 3px 6px #00000005}.stripe-element-container #payment-element{padding:0}.stripe-message{color:#697386;font-size:14px;line-height:20px;padding-top:12px;text-align:center}.stripe-message.hidden{display:none}.quidkey-element-container{position:relative;overflow:hidden;margin-bottom:-2px;width:100%;height:var(--quidkey-dynamic-height);min-height:var(--quidkey-dynamic-height);box-shadow:0 0 1px #00000008,0 3px 6px #00000005;transition:height .35s ease-in-out;border-radius:0;background:#fff}.quidkey-element-container iframe{border:none;height:100%;width:100%;border-radius:0}.trust-section{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);gap:16px}.encrypted-badge{display:flex;align-items:center;gap:6px;white-space:nowrap}.encrypted-badge svg{flex-shrink:0}.encrypted-badge span{font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground);font-weight:500}.bank-logos{display:flex;align-items:center;gap:10px}.bank-logo{width:28px;height:28px;border-radius:50%;opacity:.8;transition:opacity .2s;flex-shrink:0}.bank-logo:hover{opacity:1}.payment-message{font-family:var(--font-sans);text-align:center;margin-top:.75rem;font-size:.875rem;color:var(--muted-foreground);min-height:1.25rem}.top-toast{position:fixed;top:80px;right:16px;max-width:360px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-lg);z-index:3000;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1)}.top-toast-content{display:flex;align-items:flex-start;gap:12px}.top-toast-icon{flex-shrink:0;font-size:20px;line-height:1}.top-toast-text{flex:1}.top-toast-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.top-toast-description{font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground);margin:0;line-height:1.4}.top-toast-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;padding:0;transition:all .15s ease}.top-toast-close:hover{background:var(--muted);color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.top-toast.exiting{animation:toastSlideOut .2s ease-out forwards}.update-modal{position:fixed;inset:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:modalBackdropIn .25s ease forwards;will-change:background,backdrop-filter}.update-modal[hidden]{display:none}.update-modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);max-width:400px;width:100%;box-shadow:var(--shadow-xl);animation:modalContentIn .35s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes modalBackdropIn{0%{background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.update-modal-header h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-update-btn{background:none;border:none;font-size:20px;color:var(--muted-foreground);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s;line-height:1}.close-update-btn:hover{background:var(--muted);color:var(--text-primary)}.update-modal-body{padding:24px}.update-modal-body label{display:block;margin-bottom:16px}.update-modal-body label span{font-family:var(--font-sans);display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.amount-input-group{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 12px;background:var(--surface);transition:all .2s}.amount-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14}.amount-input-group input{font-family:var(--font-sans);flex:1;border:none;padding:12px 0;font-size:16px;outline:none;background:transparent}.amount-currency{font-family:var(--font-display);font-weight:600;color:var(--muted-foreground);font-size:14px}.rewards-input{font-family:var(--font-sans);width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;font-size:16px;transition:all .2s}.rewards-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14}.submit-update-btn{font-family:var(--font-display);width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.submit-update-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.submit-update-btn:active:not(:disabled){transform:scale(.98)}.submit-update-btn:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;transform:none;box-shadow:none}.update-status{font-family:var(--font-sans);margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;display:none}.update-status.success{display:block;background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.3)}.update-status.error{display:block;background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}@media(max-width:1024px){.checkout-container{grid-template-columns:1fr;padding:var(--space-md)}.order-summary-panel{position:static;order:1;margin-top:var(--space-md);padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.payment-section{margin-top:24px;padding-top:0}.order-summary-panel h2{font-size:16px;margin-bottom:var(--space-sm)}.product-item{margin-bottom:12px}.product-image{width:56px;height:56px;font-size:28px}.product-name{font-size:13px}.product-price{font-size:14px}.order-totals{gap:8px}.total-row{font-size:13px}.total-row.total{font-size:16px;padding-top:8px;margin-top:2px}.customer-form-panel{padding:16px;border-radius:8px}.details-form h2{font-size:16px;margin-bottom:16px}.preview-controls{grid-template-columns:1fr;padding:var(--space-sm) var(--space-md)}.control-select{font-size:14px}.navbar-right{gap:.375rem;flex-wrap:wrap}.navbar-try-another-button,.navbar-share-button{padding:.5rem .625rem;font-size:12px;white-space:nowrap;gap:4px}.details-form input,.details-form select,.form-select{font-size:16px}.continue-button,.pay-button{padding:14px;font-size:15px}.trust-section{flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px}.encrypted-badge span{font-size:12px}.bank-logos{gap:8px}.bank-logo{width:24px;height:24px}}@media(max-width:768px){.navbar-left{flex:1 1 auto;min-width:0}.navbar-right{flex:0 0 auto;gap:.25rem}.checkout-container{padding:var(--space-sm);padding-top:calc(var(--space-sm) + 64px)}.customer-form-panel,.order-summary-panel{padding:16px}.update-modal-content{max-width:calc(100vw - 32px)}.keyboard-shortcuts-bar{left:50%;transform:translate(-50%);bottom:16px;padding:6px 8px;gap:2px;border-radius:var(--radius-full);background:#0f172aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none;box-shadow:0 4px 20px #00000040}.shortcut-hint{padding:6px 10px;gap:5px;border-radius:var(--radius-full)}.shortcut-hint:hover,.shortcut-hint:active{background:#ffffff26}.shortcut-hint kbd{font-size:10px;padding:3px 7px;min-width:18px;background:#fff3;color:#fff;box-shadow:none;border-radius:4px}.shortcut-hint span{font-size:11px;font-weight:500;color:#ffffffe6}.shortcut-hint.active kbd{background:var(--success);color:#fff}}@media(max-width:480px){.navbar-try-another-button{font-size:0;padding:.5rem;min-width:36px}.navbar-try-another-button:before{content:"←";font-size:16px}.navbar-share-button{font-size:0;padding:.5rem;min-width:36px}.navbar-share-button:before{content:"🔗";font-size:14px}.navbar-left{gap:.5rem}.hero h1{font-size:1.25rem}.details-form label{font-size:13px}.continue-button,.pay-button{padding:12px;font-size:14px}.keyboard-shortcuts-bar{left:50%;transform:translate(-50%);bottom:12px;padding:5px 6px;gap:1px}.shortcut-hint{padding:5px 8px;gap:4px}.shortcut-hint kbd{font-size:9px;padding:2px 5px;min-width:16px}.shortcut-hint span{font-size:10px}}.tour-glow{position:fixed;border-radius:8px;box-shadow:0 0 0 3px #facc158c,0 0 24px #facc1559;pointer-events:none;z-index:1400;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease;animation:tourGlowPulse 2.2s ease-in-out infinite}@keyframes tourGlowPulse{0%,to{box-shadow:0 0 0 3px #facc158c,0 0 24px #facc1559}50%{box-shadow:0 0 0 3px #facc15bf,0 0 32px #facc1580}}.tour-panel{position:fixed;right:20px;bottom:20px;width:320px;max-width:calc(100vw - 40px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:16px 18px 14px;z-index:1500;font-family:var(--font-sans);animation:tourPanelIn .25s cubic-bezier(.16,1,.3,1)}@keyframes tourPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tour-panel-step-label{font-family:var(--font-sans);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-weight:600}.tour-panel-close{background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s}.tour-panel-close:hover{background:var(--muted);color:var(--text-primary)}.tour-panel-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.tour-panel-copy{font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground);line-height:1.5;margin:0 0 12px}.tour-progress-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:14px}.tour-progress-bar>div{height:100%;background:var(--primary);transition:width .3s ease}.tour-panel-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.tour-btn{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s}.tour-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tour-btn-ghost{background:transparent;color:var(--muted-foreground)}.tour-btn-ghost:hover{background:var(--muted);color:var(--text-primary)}.tour-btn-primary{background:var(--primary);color:#fff}.tour-btn-primary:hover{background:var(--text-primary)}.tour-replay-chip kbd{background:transparent;color:var(--text-primary);box-shadow:none;padding:4px;min-width:16px}.tour-replay-chip kbd svg{display:block}@media(max-width:640px){.tour-panel{inset:76px 16px auto;width:auto;max-width:none;animation:tourPanelInTop .25s cubic-bezier(.16,1,.3,1)}@keyframes tourPanelInTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.landing-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fafafa,#f5f5f5);position:relative;overflow:hidden}.landing-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(15,23,42,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:#fff;border-bottom:1px solid var(--border)}.landing-navbar-content{max-width:80rem;height:100%;margin:0 auto;padding:0 1rem;display:flex;align-items:center}@media(min-width:640px){.landing-navbar-content{padding:0 1.5rem}}@media(min-width:1024px){.landing-navbar-content{padding:0 2rem}}.landing-logo-link{display:flex;align-items:center;transition:transform .3s ease}.landing-logo-link:hover{transform:scale(1.02)}.landing-logo{height:28px;width:auto}.landing-main{flex:1;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem}@media(min-width:640px){.landing-main{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.landing-main{padding-left:2rem;padding-right:2rem}}.landing-hero{width:100%;max-width:400px;text-align:center}.landing-title{font-family:var(--font-display);font-size:1.625rem;font-weight:600;line-height:1.25;color:var(--text-primary);margin:0 0 .875rem;letter-spacing:-.025em}.landing-title-accent{background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--muted-foreground);margin:0 0 2rem}.landing-form{width:100%}.landing-input-wrapper{position:relative;margin-bottom:1rem}.landing-input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.5}.landing-input{width:100%;height:3rem;padding:0 2.75rem 0 1rem;font-family:var(--font-sans);font-size:1rem;color:var(--text-primary);background:#fff;border:1px solid var(--border);border-radius:.75rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.landing-input::placeholder{color:var(--muted-foreground)}.landing-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f172a14,0 1px 2px #0000000a}.landing-error{font-family:var(--font-sans);font-size:.8125rem;color:var(--error);margin:0 0 .75rem;text-align:left}.landing-submit{width:100%;height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:#fff;background:var(--primary);border:none;border-radius:100px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001f,0 4px 12px #0f172a26}.landing-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001f,0 8px 16px #0f172a2e}.landing-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.landing-submit:disabled{opacity:.7;cursor:not-allowed}.landing-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.landing-trust{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem}.landing-trust-item{display:flex;align-items:center;gap:.375rem;font-family:var(--font-sans);font-size:.75rem;color:var(--muted-foreground)}.landing-trust-item svg{opacity:.7}.landing-trust-divider{width:3px;height:3px;background:var(--border);border-radius:50%}@media(min-width:480px){.landing-hero{max-width:440px}.landing-title{font-size:2rem;margin-bottom:1rem}.landing-subtitle{font-size:1rem;margin-bottom:2.5rem}.landing-input,.landing-submit{height:3.25rem;font-size:1rem}.landing-trust{gap:1rem;margin-top:2.5rem}.landing-trust-item{font-size:.8125rem;gap:.5rem}}@media(min-width:640px){.landing-hero{max-width:480px}.landing-title{font-size:2.25rem}.landing-subtitle{font-size:1.0625rem}}body.dark-mode .landing-page{background:linear-gradient(180deg,#0f172a,#1e293b)}body.dark-mode .landing-bg-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px)}body.dark-mode .landing-navbar{background:#0f172acc;border-color:#ffffff0f}body.dark-mode .landing-title{color:#fff}body.dark-mode .landing-title-accent{background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .landing-subtitle{color:#fff9}body.dark-mode .landing-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark-mode .landing-input::placeholder{color:#fff6}body.dark-mode .landing-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}body.dark-mode .landing-submit{background:#fff;color:var(--primary)}body.dark-mode .landing-submit:hover:not(:disabled){background:#f1f5f9}body.dark-mode .landing-trust-item{color:#ffffff80}body.dark-mode .landing-trust-divider{background:#fff3}.error-toast{position:fixed;top:80px;right:20px;z-index:9999;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.16,1,.3,1)}.error-toast.visible{opacity:1;transform:translate(0)}.error-toast-content{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--error);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-lg);min-width:300px;max-width:420px}.error-toast-icon{font-size:1.25rem;flex-shrink:0}.error-toast-message{flex:1;font-family:var(--font-sans);color:var(--text-primary);font-size:.9375rem;font-weight:500;line-height:1.4;white-space:pre-line;overflow:visible;text-overflow:clip;word-break:break-word}.error-toast-close{background:none;border:none;color:var(--muted-foreground);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.error-toast-close:hover{background:var(--muted);color:var(--text-primary)}@media(max-width:768px){.error-toast{top:68px;right:12px;left:12px}.error-toast-content{min-width:auto;max-width:none;border-radius:var(--radius-md)}}body.dark-mode .error-toast-content{background:#0f172aeb;border-color:#ef444440}body.dark-mode .error-toast-message{color:#ffffffeb}.result-page{min-height:100vh;background:var(--background);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.result-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--primary) 6%,transparent) 0%,transparent 40%),radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 45%);pointer-events:none;z-index:0}.result-navbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:1024px){.result-navbar{padding:1rem 2rem}}.result-navbar-brand{display:flex;align-items:center;gap:.75rem}.result-navbar-logo{height:28px;max-width:112px;width:auto;object-fit:contain}.result-navbar-brand-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.result-navbar-back{font-family:var(--font-display);display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-primary);text-decoration:none;transition:all .2s ease;white-space:nowrap}.result-navbar-back:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.result-main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,4rem) 1.5rem}.result-content{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:stretch;gap:1.75rem}.result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;animation:resultFadeUp .6s ease-out .25s both}.result-icon{width:72px;height:72px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative;animation:resultPopIn .45s cubic-bezier(.34,1.56,.64,1) both}.result-icon:after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:2px solid currentColor;opacity:0;animation:resultRingPulse 1.4s ease-out .7s both}.result-icon.success{background:#22c55e;color:#22c55e;box-shadow:0 12px 32px -8px #22c55e73}.result-icon.failure{background:#f1f5f9;color:#94a3b8;box-shadow:0 8px 24px -8px #64748b40}.result-icon svg{width:36px;height:36px}.result-icon.success svg{color:#fff}.result-icon svg path{stroke-dasharray:48;stroke-dashoffset:48;animation:resultDrawPath .5s ease-out .55s forwards}.result-title{font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;line-height:1.1}.result-subtitle{font-family:var(--font-sans);font-size:.9375rem;color:var(--muted-foreground);max-width:360px;line-height:1.5;margin-bottom:0}.result-receipt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:28px;animation:resultFadeUp .6s ease-out .45s both;position:relative}.result-receipt-label{font-family:var(--font-display);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.result-receipt-label-dots{display:flex;gap:4px}.result-receipt-label-dots span{width:4px;height:4px;border-radius:50%;background:var(--border)}.result-rows{display:flex;flex-direction:column}.result-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-family:var(--font-sans);font-size:.875rem;border-bottom:1px solid var(--border);gap:1rem}.result-row:last-child{border-bottom:0}.result-row-label{color:var(--muted-foreground);white-space:nowrap}.result-row-value{color:var(--text-primary);font-weight:500;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-row.total{padding:18px 0;border-top:2px solid var(--border);border-bottom:2px solid var(--border);margin-top:4px}.result-row.total .result-row-label{font-family:var(--font-display);font-weight:600;color:var(--text-primary);font-size:1rem;letter-spacing:-.01em}.result-row.total .result-row-value{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--text-primary)}.result-row-mono{font-family:var(--font-mono);font-size:.8125rem}.result-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.02em}.result-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}.result-pill.success{background:color-mix(in srgb,#22c55e 10%,white);color:#16a34a}.result-pill.failure{background:color-mix(in srgb,#64748b 10%,white);color:#475569}.result-actions{display:flex;flex-direction:column;gap:.625rem;animation:resultFadeUp .6s ease-out .65s both}.result-button{font-family:var(--font-display);font-size:.9375rem;font-weight:500;padding:.875rem 1.5rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;width:100%;box-sizing:border-box}.result-button.primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.result-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.result-button.primary:active{transform:translateY(0) scale(.98)}.result-button.ghost{background:transparent;color:var(--muted-foreground)}.result-button.ghost:hover{color:var(--text-primary)}@keyframes resultFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes resultPopIn{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes resultDrawPath{to{stroke-dashoffset:0}}@keyframes resultRingPulse{0%{opacity:.35;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media(prefers-reduced-motion:reduce){.result-hero,.result-icon,.result-icon:after,.result-icon svg path,.result-receipt,.result-actions{animation:none!important}.result-icon svg path{stroke-dashoffset:0}}@media(max-width:480px){.result-title{font-size:1.625rem}.result-navbar-back{padding:.5rem .75rem}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.top-45{top:calc(var(--spacing)*45)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.p-6{padding:calc(var(--spacing)*6)}}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;overflow-x:hidden}:root{--font-display:"Space Grotesk",system-ui,sans-serif;--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--primary:#0f172a;--primary-hover:#1e293b;--accent-pink:#db2777;--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--background:#fafafa;--foreground:#1e1b4b;--surface:#fff;--secondary:#f5f3ff;--secondary-foreground:#312e81;--muted:#f3f4f6;--muted-foreground:#64748b;--text-primary:#1e1b4b;--text-secondary:#64748b;--border:#e5e7eb;--border-hover:#d1d5db;--error:#ef4444;--success:#22c55e;--warning:#eab308;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000d;--shadow-soft:0 1px 2px #0000000a,0 4px 12px #0000000f,0 16px 32px #0000000a}body{font-family:var(--font-sans);background:var(--background);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;min-height:100vh;line-height:1.6;overflow-x:hidden}::selection{background:#0f172a26}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-weight:600;line-height:1.2}h1{margin-bottom:var(--space-md);letter-spacing:-.02em;font-size:2.5rem}h2{margin-bottom:var(--space-md);letter-spacing:-.01em;font-size:2rem}p{margin-bottom:var(--space-md);color:var(--text-secondary)}button,.button{font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}button:disabled,.button:disabled{opacity:.6;cursor:not-allowed}button.primary,.button.primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}button.primary:hover:not(:disabled),.button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}button.primary:active:not(:disabled),.button.primary:active:not(:disabled){transform:scale(.98)}input[type=text],input[type=url],input[type=email],input[type=tel],input[type=number],select{font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .2s}input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f172a14}input[type=text]::placeholder,input[type=url]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,input[type=number]::placeholder{color:var(--muted-foreground)}:focus-visible{box-shadow:0 0 0 2px var(--primary),0 0 0 4px var(--background);outline:none}.error-message{color:var(--error);margin-top:var(--space-xs);font-size:.875rem;display:none}.error-message.visible{display:block}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}button,.button{padding:.75rem 1.25rem}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}