@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-app:#faf8f2;--bg-card:#fff;--bg-secondary:#f3ece0;--color-primary:#5850ec;--color-accent:#ff5a5a;--color-lime:#84cc16;--color-lime-light:#f7fee7;--color-purple-light:#eef2ff;--color-dark:#1a1a1a;--color-text-muted:#6b7280;--border-radius-xl:24px;--border-radius-lg:16px;--border-radius-md:12px;--block-shadow-sm:3px 3px 0px var(--color-dark);--block-shadow-md:6px 6px 0px var(--color-dark);--block-shadow-lg:10px 10px 0px var(--color-dark);--block-shadow-hover:12px 12px 0px var(--color-dark);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--color-dark);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-family:Space Grotesk,sans-serif;font-weight:700}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}main{z-index:10;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border:2px solid var(--bg-app);border-radius:var(--border-radius-lg)}.global-bg-video-container{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.global-bg-video{object-fit:cover;opacity:.42;filter:grayscale(20%)contrast(95%)brightness(95%);width:100%;height:100%;transition:all .6s cubic-bezier(.165,.84,.44,1)}.app-container:hover .global-bg-video{opacity:.65;filter:grayscale(0%)contrast(105%)brightness();transform:scale(1.03)}.global-bg-video-overlay{z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#fde6d238 0%,#e6e8f652 50%,#daece96b 100%);width:100vw;height:100vh;transition:all .6s cubic-bezier(.165,.84,.44,1);position:fixed;top:0;left:0}.app-container:hover .global-bg-video-overlay{background:linear-gradient(135deg,#fde6d21f 0%,#e6e8f638 50%,#daece94d 100%)}.card{border:3px solid var(--color-dark);border-radius:var(--border-radius-xl);box-shadow:var(--block-shadow-md);transition:var(--transition-bounce);-webkit-backdrop-filter:blur(8px);background-color:#fffffff2;padding:2.5rem;position:relative}.card:hover{box-shadow:var(--block-shadow-hover);transform:translate(-4px,-4px)}.sticker{border:2px solid var(--color-dark);border-radius:var(--border-radius-md);text-transform:uppercase;z-index:10;box-shadow:2px 2px 0px var(--color-dark);background:#fff;padding:.35rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;position:absolute}.sticker-top-right{background-color:var(--color-lime);top:-10px;right:15px;transform:rotate(3deg)}.sticker-top-left{background-color:#fbbf24;top:-12px;left:15px;transform:rotate(-4deg)}.btn{border-radius:var(--border-radius-lg);border:3px solid var(--color-dark);cursor:pointer;transition:var(--transition-bounce);background-color:#fff;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;display:inline-flex;position:relative}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--block-shadow-sm)}.btn-primary:hover{box-shadow:var(--block-shadow-md);background-color:#4338ca;transform:translate(-3px,-3px)}.btn-primary:active{box-shadow:1px 1px 0px var(--color-dark);transform:translate(2px,2px)}.btn-secondary{color:var(--color-dark);box-shadow:var(--block-shadow-sm);background-color:#fff}.btn-secondary:hover{box-shadow:var(--block-shadow-md);background-color:var(--bg-secondary);transform:translate(-2px,-2px)}.btn-secondary:active{box-shadow:1px 1px 0px var(--color-dark);transform:translate(2px,2px)}.btn-outline{color:var(--color-dark);border:3px dashed var(--color-dark);background-color:#0000}.btn-outline:hover{background-color:var(--color-purple-light);border-style:solid}.btn-accent{background-color:var(--color-accent);color:#fff;box-shadow:var(--block-shadow-sm)}.btn-accent:hover{box-shadow:var(--block-shadow-md);background-color:#e04343;transform:translate(-3px,-3px)}.badge{border:2px solid var(--color-dark);text-transform:uppercase;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--color-lime);color:var(--color-dark)}.badge-warning{color:var(--color-dark);background-color:#fbbf24}.badge-danger{background-color:var(--color-accent);color:#fff}.badge-primary{background-color:var(--color-purple-light);color:var(--color-primary)}.form-label{color:var(--color-dark);margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2}.form-input-text{border:3px solid var(--color-dark);border-radius:var(--border-radius-lg);width:100%;color:var(--color-dark);transition:var(--transition-bounce);box-shadow:var(--block-shadow-sm);background-color:#fff;padding:1.25rem 1.5rem;font-family:inherit;font-size:1.15rem}.form-input-text:focus{box-shadow:var(--block-shadow-md);outline:none;transform:translate(-2px,-2px)}.options-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.option-card{border:3px solid var(--color-dark);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--block-shadow-sm);background-color:#fff;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.option-card:hover{box-shadow:var(--block-shadow-md);background-color:var(--color-purple-light);transform:translate(-3px,-3px)}.option-card.selected{background-color:var(--color-lime);box-shadow:var(--block-shadow-hover);transform:translate(-4px,-4px)}.option-card-icon{background-color:var(--bg-secondary);border:2px solid var(--color-dark);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.option-card.selected .option-card-icon{background-color:#fff}.progress-container{background-color:var(--bg-secondary);border:3px solid var(--color-dark);border-radius:9999px;width:100%;height:12px;margin-bottom:2.5rem;overflow:hidden}.progress-bar{background-color:var(--color-primary);border-right:3px solid var(--color-dark);height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1)}.rotating-banner{background-color:var(--color-dark);color:#fff;white-space:nowrap;letter-spacing:.1em;border-bottom:3px solid var(--color-dark);padding:.75rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;overflow:hidden}.banner-track{animation:25s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.browser-mockup{border:3px solid var(--color-dark);border-radius:var(--border-radius-xl);box-shadow:var(--block-shadow-lg);transition:var(--transition-bounce);background-color:#fff;position:relative;overflow:hidden}.browser-mockup:hover{box-shadow:var(--block-shadow-hover);transform:translate(-6px,-6px)}.browser-header{background-color:var(--bg-secondary);border-bottom:3px solid var(--color-dark);align-items:center;gap:.5rem;height:40px;padding:0 1rem;display:flex}.browser-dot{border:2px solid var(--color-dark);border-radius:50%;width:12px;height:12px}.browser-dot.red{background-color:var(--color-accent)}.browser-dot.yellow{background-color:#fbbf24}.browser-dot.green{background-color:var(--color-lime)}.browser-address{border:2px solid var(--color-dark);max-width:320px;height:24px;color:var(--color-text-muted);background-color:#fff;border-radius:9999px;flex:1;justify-content:center;align-items:center;margin:0 auto;font-size:.75rem;font-weight:600;display:flex}