@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,sans-serif;background:#fff;color:#333;min-height:100vh}.app{width:100vw;flex-direction:column}.app,.landing-page{min-height:100vh;display:flex}.landing-page{flex:1 1;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;width:100%}.hero{text-align:center;margin:4rem 0 6rem;width:100%}.hero h1{font-size:5rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.how-it-works{display:flex;justify-content:space-evenly;width:100%;padding:0 2rem;perspective:1000px}.step{flex:1 1;max-width:400px;min-width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;border-radius:16px;transition:all .3s ease;position:relative;background:hsla(0,0%,100%,.7);border:2px solid transparent;transform-style:preserve-3d;transform:translateZ(0)}.step:first-child{background:#fff;border-color:#2563eb;box-shadow:0 8px 20px -12px rgba(37,99,235,.2),0 0 20px -10px rgba(37,99,235,.15);transform:translateZ(15px) translateY(-5px)}.step:first-child:after{content:"";position:absolute;inset:-3px;border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.2),transparent 60%,rgba(37,99,235,.2));z-index:-1;opacity:.3;transition:opacity .3s ease}.step:first-child:hover:after{opacity:.5}.step:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 8px 20px -12px rgba(37,99,235,.2),0 0 20px -10px rgba(37,99,235,.15);background:#fff}.step:first-child:hover{transform:translateZ(20px) translateY(-8px)}.step:before{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(37,99,235,.06),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.step:hover:before{opacity:1}.step h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.step:first-child h2{color:#2563eb}.subtitle{font-size:1.1rem;color:rgba(0,0,0,.6);line-height:1.5;margin-bottom:1.5rem}.cta-button{background-color:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%)}.cta-button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.cta-button:hover:before{transform:translateX(100%);transition:transform .6s ease}.cta-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.cta-button:disabled,.cta-button:disabled:hover{transform:none;box-shadow:none}@media (max-width:1200px){.how-it-works{gap:2rem}.hero h1{font-size:4rem}.step{min-width:250px}}@media (max-width:768px){body,html{overflow-y:auto}.landing-page{padding:1rem;justify-content:flex-start}.hero{margin:2rem 0 3rem;padding:1rem}.hero h1{font-size:3.5rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.how-it-works{flex-direction:column;align-items:center;perspective:none;gap:2rem;padding:0 1rem}.step{width:100%;max-width:100%;padding:2rem 1.5rem}.step:first-child{transform:translateY(-5px)}.step:first-child:hover{transform:translateY(-8px)}}@media (max-width:480px){.hero h1{font-size:2.75rem}.step h2{font-size:1.5rem}.subtitle{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;padding:2rem;border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 40px rgba(0,0,0,.1);animation:modalEnter .3s ease}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{color:#1a1a1a;margin-bottom:1rem;font-size:1.75rem}.modal-subtitle{color:rgba(0,0,0,.6);margin-bottom:1.5rem;line-height:1.5}.modal form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.input-wrapper{position:relative;width:100%;margin-bottom:1rem}.modal input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;width:100%;transition:all .2s ease;background:#fff;color:#1a1a1a;padding:.75rem 2.5rem .75rem 1rem}.modal input::placeholder{color:#9ca3af}.modal input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1);background:#fff}.modal input:disabled{background:#f3f4f6;cursor:not-allowed}.modal input.invalid{border-color:#ef4444;background:#fff}.modal input.invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.modal input.valid{border-color:#10b981;background:#fff}.modal input.valid:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.checkmark{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#10b981;pointer-events:none;opacity:0;transition:opacity .2s ease}.input-wrapper input.valid+.checkmark{opacity:1}.validation-message{position:absolute;top:-20px;right:0;font-size:.75rem;color:#dc2626;margin:0;opacity:0;transform:translateY(5px);transition:all .3s ease}.validation-message:not(:empty){opacity:1;transform:translateY(0)}.sso-info{color:rgba(0,0,0,.6);font-size:.9rem;line-height:1.5;padding:1rem;background:#f8fafc;border-radius:8px;margin-top:1rem}.success-message{text-align:center}.success-message h2{color:#059669;margin-bottom:1rem}.success-message p{color:rgba(0,0,0,.7);margin-bottom:1rem;line-height:1.5}.next-steps{background:#f0fdf4;padding:1rem;border-radius:8px;margin:1.5rem 0;color:#059669}.cta-button.secondary{background-color:#e5e7eb;color:#4b5563}.cta-button.secondary:hover{background-color:#d1d5db}.captcha-container{margin:1rem 0;display:flex;justify-content:center;align-items:center;width:100%;min-height:78px}.h-captcha{display:inline-block}@media (max-width:480px){.captcha-container{display:flex;justify-content:flex-start}}.verify-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;padding:1rem}.verify-message{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;max-width:400px;width:100%}.verify-message h2{color:#2563eb;margin-bottom:1rem}.verify-message.success h2{color:#059669}.verify-message.error h2{color:#dc2626}.verify-message button{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-top:1rem;transition:background-color .2s}.verify-message button:hover{background-color:#1d4ed8}.email-display{margin:1rem 0;padding:1rem;background-color:#f8fafc;border-radius:8px;font-family:monospace;font-size:1.1rem}.email-display .username{color:#2563eb;font-weight:700}.email-display .at{color:#64748b;margin:0 2px}.email-display .domain{color:#94a3b8}.checking-token,.token-error,.welcome-message{max-width:600px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.checking-token h2,.token-error h2,.welcome-message h2{color:#2563eb;margin-bottom:1rem}.welcome-message strong{color:#2563eb;font-weight:600}.token-error{border:1px solid #ef4444}.token-error h2{color:#ef4444}.token-error button{margin-top:1rem;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.token-error button:hover{background-color:#1d4ed8}.app-content{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.step.active{background:#fff;border-color:#2563eb;box-shadow:0 8px 20px -12px rgba(37,99,235,.2),0 0 20px -10px rgba(37,99,235,.15);transform:translateZ(15px) translateY(-5px)}.step.active:after{content:"";position:absolute;inset:-3px;border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.2),transparent 60%,rgba(37,99,235,.2));z-index:-1;opacity:.3;transition:opacity .3s ease}.step.active:hover:after{opacity:.5}.step.active:hover{transform:translateZ(20px) translateY(-8px)}.step .email-display{margin:1rem 0;padding:.75rem 1rem;background-color:#f8fafc;border-radius:8px;font-family:monospace;font-size:1rem;display:inline-block}.step .email-display .username{color:#2563eb;font-weight:700}.step .email-display .at{color:#64748b;margin:0 2px}.step .email-display .domain{color:#94a3b8}.step .success-message{color:#059669;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.step.error{border-color:#ef4444}.step.error h2{color:#ef4444}.file-upload-section{width:100%;max-width:800px;margin:2rem auto;padding:0 1rem}.upload-area{border:2px dashed #e5e7eb;border-radius:8px;padding:1.5rem;background:#fff;transition:all .2s ease;min-height:120px}.upload-area:hover{border-color:#2563eb}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:80px;cursor:pointer;padding:1rem}.upload-icon{width:32px;height:32px;color:#2563eb;margin-bottom:.5rem}.upload-placeholder p{margin:.25rem 0;color:#1a1a1a;font-size:1rem}.upload-subtitle{color:#64748b!important;font-size:.875rem!important}.files-container{display:flex;flex-direction:column;gap:1rem}.files-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;cursor:pointer;color:#2563eb;transition:all .2s ease}.files-header:hover{background:#f0f7ff}.add-icon{width:20px;height:20px;color:currentColor}.files-header span{font-weight:500}.selected-files{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;transition:all .2s ease}.file-item:hover{background:#f0f7ff}.file-name-price{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1 1}.file-name{color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1}.file-name,.file-price{font-weight:500;white-space:nowrap}.file-price{color:#059669;font-size:.9rem}.file-duration{color:#64748b;font-size:.9rem}.file-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.file-main{flex:1 1;flex-direction:column;gap:.25rem}.file-info,.file-main{min-width:0;display:flex}.file-info{flex:1 1;align-items:center;gap:1rem}.remove-file{background:none;border:none;color:#94a3b8;padding:.25rem;line-height:1;border-radius:4px;cursor:pointer;transition:color .2s ease;flex-shrink:0}.remove-file:hover{color:#ef4444}.remove-file:disabled{color:#9ca3af;cursor:not-allowed}.remove-file svg{width:20px;height:20px}@media (max-width:640px){.file-header,.file-name-price{gap:.5rem}}.progress-container{display:flex;align-items:center;gap:.5rem;width:200px}.progress-bar-container{flex:1 1;height:4px;background:#e5e7eb;border-radius:2px;position:relative;overflow:hidden}.progress-bar{height:100%;background:#2563eb;border-radius:2px;transition:width .3s ease}.progress-text{font-size:.75rem;color:#6b7280;min-width:3em;text-align:right}.upload-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;justify-content:space-between;gap:1rem}.price-info,.upload-summary{display:flex;align-items:center}.price-info{gap:.75rem;color:#1a1a1a;font-size:1.1rem}.upload-button{background-color:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.upload-button:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (max-width:640px){.upload-summary{flex-direction:column;gap:1rem;align-items:stretch}.price-info{justify-content:space-between}.upload-button{width:100%;justify-content:center}.file-upload-section{padding:0 .5rem}.upload-area{padding:1.5rem 1rem}.file-item{padding:.75rem}.file-name{font-size:.9rem}}.price-details{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.price-rate{color:#64748b;font-size:.9rem}.upload-summary .price-info{display:flex;align-items:center;justify-content:space-between;gap:2rem;border:none;padding:0;max-width:none;background:none}.total-price{font-size:1.5rem;font-weight:600;color:#059669}@media (max-width:768px){.upload-summary{flex-direction:column;align-items:stretch;gap:1rem}}.login-section{margin-top:1.5rem;width:100%;position:relative;z-index:2}.or-divider{text-align:center;color:#64748b;margin:1rem 0;position:relative}.or-divider:after,.or-divider:before{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#e5e7eb}.or-divider:before{left:0}.or-divider:after{right:0}.login-input-wrapper{display:flex;gap:.5rem;width:100%;position:relative;z-index:2;flex-wrap:wrap;justify-content:center}.login-input{flex:1 1;min-width:200px;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;color:#1a1a1a;position:relative;z-index:2}.login-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.login-button{background-color:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;z-index:2;flex-shrink:0;min-width:120px}.login-button:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (max-width:640px){.login-input-wrapper{flex-direction:column}.login-button{width:100%}.login-input{min-width:100%}}@media (max-width:480px){.login-input-wrapper{flex-direction:column}.login-button{width:100%}.login-input{min-width:100%}}.minimum-price-notice{color:#666;font-size:.9em;font-style:italic;margin-left:8px;padding:2px 6px;background-color:rgba(0,0,0,.05);border-radius:4px;border-left:3px solid #646cff}.original-file-price{color:#e53935;margin-right:6px;font-size:.98em}