@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&family=Inter:wght@400;500;600&display=swap');html,body{font-family:'Inter',sans-serif;background-color:#f5f5f5;height:100%}.font-oswald{font-family:'Oswald',sans-serif}.tracking-tighter{letter-spacing:-0.05em}.screen{display:none}.screen.is-active{display:block}@keyframes pulse-rec{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.rec-dot{animation:pulse-rec 1.4s ease-in-out infinite}@keyframes float-y{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.float-badge{animation:float-y 3.2s ease-in-out infinite}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}.hero-in-1{animation:hero-in .8s cubic-bezier(.2,.7,.2,1) both}.hero-in-2{animation:hero-in .8s cubic-bezier(.2,.7,.2,1) .12s both}.hero-in-3{animation:hero-in .8s cubic-bezier(.2,.7,.2,1) .24s both}.hero-image-in{animation:hero-in 1.1s cubic-bezier(.2,.7,.2,1) .1s both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.rec-dot,.float-badge,.hero-in-1,.hero-in-2,.hero-in-3,.hero-image-in{animation:none!important}.btn-convert::before{animation:none!important}.reveal{opacity:1;transform:none;transition:none}}.btn-primary{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.btn-primary:active{transform:translateY(0)}.btn-convert{position:relative;display:inline-flex;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(135deg,#262626 0%,#000 60%,#000 100%);box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.04) inset;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.btn-convert:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.06) inset}.btn-convert:active{transform:translateY(-1px)}.btn-convert::before{content:"";position:absolute;inset:0;left:-60%;width:35%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:btn-shimmer 3.2s ease-in-out infinite}@keyframes btn-shimmer{0%{left:-60%}45%{left:130%}100%{left:130%}}.btn-ghost{transition:background-color .18s ease,color .18s ease,border-color .18s ease}#toast{transition:opacity .3s ease,transform .3s ease}.dropzone{transition:border-color .2s ease,background-color .2s ease}.dropzone.drag-over{border-color:#2563eb;background-color:rgba(37,99,235,.06)}.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.step-num{font-family:'Oswald',sans-serif;-webkit-text-stroke:1.5px #111827;color:transparent}
.no-save{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;pointer-events:none}