:root{--navy-950:#050d24;--navy-900:#0a1740;--navy-800:#102357;--navy-700:#1a3380;--cyan-400:#2ee3e3;--cyan-500:#11c9d4;--cyan-600:#0aa6b6;--gold-400:#ffc24a;--gold-500:#f6a623;--white:#fff;--muted:#aab5d6;--line:#ffffff14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--white);background-color:var(--navy-950);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background-color:#0000;background-image:radial-gradient(1100px 700px at 85% -10%,#2ee3e32e,#0000 60%),radial-gradient(900px 600px at -10% 110%,#f6a6231f,#0000 60%),linear-gradient(#050d24 0%,#0a1740 60%,#050d24 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#2ee3e30d 1px,#0000 1px),linear-gradient(#2ee3e30d 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}a{color:var(--cyan-400);text-decoration:none}button{font-family:inherit}.app{z-index:1;flex-direction:column;align-items:center;gap:56px;width:100%;min-height:100vh;padding:32px 24px 0;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand .brand-logo{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;height:56px;display:block}@media (width<=600px){.brand .brand-logo{height:56px}}.section{width:100%;max-width:1180px}.hero{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:48px;display:grid}@media (width<=960px){.hero{grid-template-columns:1fr}}.hero-copy{flex-direction:column;gap:22px;display:flex}.eyebrow{color:var(--cyan-400);letter-spacing:.18em;text-transform:uppercase;background:#2ee3e314;border:1px solid #2ee3e340;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--cyan-400);width:8px;height:8px;box-shadow:0 0 14px var(--cyan-400);border-radius:999px}.hero-title{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.hero-title .accent-cyan{color:var(--cyan-400)}.hero-title .accent-gold{color:var(--gold-400)}.hero-subtitle{color:var(--muted);max-width:56ch;margin:0;font-size:17px;line-height:1.6}.steps{gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border-radius:14px;grid-template-columns:36px 1fr;align-items:flex-start;gap:14px;padding:14px 16px;display:grid}.steps .num{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-600));width:36px;height:36px;color:var(--navy-950);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:0 6px 16px #11c9d44d}.steps .text strong{color:var(--white);margin-bottom:2px;font-weight:600;display:block}.steps .text span{color:var(--muted);font-size:14px;line-height:1.55}.upload-card{border:1px solid var(--line);background:linear-gradient(#102357a6,#0a1740a6);border-radius:22px;flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0d}.upload-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#2ee3e373,#0000 35% 65%,#f6a62359);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.upload-card h2{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:22px;font-weight:700}.upload-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.dropzone{text-align:center;cursor:pointer;background:#050d248c;border:2px dashed #2ee3e359;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:22px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.dropzone:hover,.dropzone.is-drag{border-color:var(--cyan-400);background:#2ee3e30f}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone .icon{width:56px;height:56px;color:var(--cyan-400);background:linear-gradient(135deg,#2ee3e32e,#f6a62324);border:1px solid #2ee3e359;border-radius:16px;place-items:center;display:grid}.dropzone .hint{color:var(--white);font-size:15px;font-weight:600}.dropzone .sub{color:var(--muted);font-size:13px}.flyer-stage{aspect-ratio:1080/1350;background:var(--navy-950);border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px #000000b3,inset 0 1px #ffffff0a}.flyer-canvas{transform-origin:0 0;background:var(--navy-950);width:1080px;height:1350px;font-family:Space Grotesk,Inter,sans-serif;position:absolute;top:0;left:0}.flyer-canvas .flyer-template{object-fit:contain;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.flyer-canvas .flyer-photo{object-fit:cover;object-position:center;z-index:0;border-radius:18px;display:block;position:absolute;box-shadow:0 30px 60px -20px #0009,0 0 0 6px #2ee3e32e,0 0 0 8px #f6a62340}.flyer-canvas .flyer-name{z-index:3;text-align:center;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 18px #0009;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:65px;font-weight:700;line-height:1.1;position:absolute;overflow:hidden;transform:translate(-50%)}.name-input-wrap{flex-direction:column;gap:8px;display:flex}.name-input-wrap>span{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.name-input{border:1px solid var(--line);width:100%;color:var(--white);background:#050d24a6;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.name-input::placeholder{color:#aab5d68c}.name-input:focus{border-color:#2ee3e399;box-shadow:0 0 0 3px #2ee3e326}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#050d24d9;place-items:center;padding:20px;animation:.18s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--line);background:linear-gradient(#102357f2,#0a1740f2);border-radius:22px;flex-direction:column;gap:16px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:22px;animation:.22s cubic-bezier(.2,.8,.3,1) pop-in;display:flex;overflow-y:auto;box-shadow:0 40px 80px -20px #0009}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-head h3{margin:0 0 4px;font-family:Space Grotesk,Inter,sans-serif;font-size:20px}.modal-head p{color:var(--muted);margin:0;font-size:14px}.crop-area{width:100%;aspect-ratio:var(--crop-aspect,1.31);border:1px solid var(--line);background:#050d24;border-radius:14px;position:relative;overflow:hidden}.crop-area .reactEasyCrop_Container{border-radius:14px}.zoom-row{grid-template-columns:60px 1fr;align-items:center;gap:12px;display:grid}.zoom-row>span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.zoom-row input[type=range]{appearance:none;background:linear-gradient(90deg, var(--cyan-500), #ffffff1a);border-radius:999px;outline:none;width:100%;height:4px}.zoom-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan-400);border:3px solid var(--navy-900);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #2ee3e32e}.zoom-row input[type=range]::-moz-range-thumb{background:var(--cyan-400);border:3px solid var(--navy-900);cursor:pointer;border-radius:50%;width:18px;height:18px}.modal-actions{justify-content:flex-end}@media (width<=520px){.modal{padding:16px}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1;justify-content:center}}.error-msg{color:var(--gold-400);font-size:13px;font-weight:600}.spinner{border:2px solid #050d2433;border-top-color:var(--navy-950);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--cyan-400), var(--cyan-600));color:var(--navy-950);box-shadow:0 12px 30px -10px #2ee3e38c}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 36px -10px #2ee3e3b3}.btn-secondary{color:var(--white);border-color:var(--line);background:#ffffff0a}.btn-secondary:not(:disabled):hover{background:#ffffff14;border-color:#ffffff2e}.btn-gold{background:linear-gradient(135deg, var(--gold-400), var(--gold-500));color:var(--navy-950);box-shadow:0 12px 30px -10px #f6a62380}.btn-gold:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 36px -10px #f6a623a6}.footer{--mx:0;--my:0;isolation:isolate;background:linear-gradient(180deg, transparent 0%, #050d2499 30%, var(--navy-950) 100%);border-top:1px solid var(--line);text-align:center;width:100vw;margin-top:80px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:110px 24px 60px;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 50% 0,#2ee3e31f,#0000 60%);position:absolute;inset:0}.footer-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.footer-grid{transform:translate3d(calc(var(--mx) * -22px), calc(var(--my) * -22px), 0);background-image:linear-gradient(90deg,#2ee3e314 1px,#0000 1px),linear-gradient(#2ee3e314 1px,#0000 1px);background-size:56px 56px;transition:transform .18s ease-out;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.orb{filter:blur(60px);opacity:.55;will-change:transform;border-radius:50%;transition:transform .18s ease-out;position:absolute}.orb-cyan{--depth:60;background:radial-gradient(circle, var(--cyan-400), transparent 70%);width:360px;height:360px;transform:translate3d(calc(var(--mx) * var(--depth) * 1px), calc(var(--my) * var(--depth) * 1px), 0);animation:14s ease-in-out infinite drift-a;top:-80px;left:8%}.orb-gold{--depth:90;background:radial-gradient(circle, var(--gold-400), transparent 70%);opacity:.4;width:320px;height:320px;transform:translate3d(calc(var(--mx) * var(--depth) * 1px), calc(var(--my) * var(--depth) * 1px), 0);animation:18s ease-in-out infinite drift-b;bottom:-60px;right:6%}.orb-blue{--depth:35;opacity:.5;width:480px;height:480px;transform:translate3d(calc(var(--mx) * var(--depth) * 1px), calc(var(--my) * var(--depth) * 1px), 0);background:radial-gradient(circle,#2e64e38c,#0000 70%);margin-left:-240px;animation:22s ease-in-out infinite drift-c;top:30%;left:50%}@keyframes drift-a{0%,to{margin-top:0;margin-left:0}50%{margin-top:30px;margin-left:-20px}}@keyframes drift-b{0%,to{margin-top:0;margin-right:0}50%{margin-top:-25px;margin-right:-15px}}@keyframes drift-c{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 1px), calc(var(--my) * var(--depth) * 1px), 0)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 1px - 18px), calc(var(--my) * var(--depth) * 1px + 14px), 0)}}.footer-content{z-index:1;flex-direction:column;align-items:center;gap:18px;max-width:880px;margin:0 auto;display:flex;position:relative}.footer-eyebrow{color:var(--cyan-400);letter-spacing:.22em;text-transform:uppercase;background:#2ee3e314;border:1px solid #2ee3e340;border-radius:999px;align-items:center;gap:10px;margin:0;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.footer-eyebrow .pulse{background:var(--cyan-400);border-radius:999px;width:8px;height:8px;animation:1.8s ease-out infinite pulse;box-shadow:0 0 #2ee3e399}@keyframes pulse{0%{box-shadow:0 0 #2ee3e399}to{box-shadow:0 0 0 12px #2ee3e300}}.footer-title{letter-spacing:-.04em;transform:translate3d(calc(var(--mx) * 14px), calc(var(--my) * 8px), 0);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,2vw,28px);margin:8px 0 0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(60px,11vw,140px);font-weight:700;line-height:.95;transition:transform .18s ease-out;display:inline-flex}.footer-title .thank{background:linear-gradient(100deg, var(--cyan-400) 0%, #fff 35%, var(--gold-400) 70%, var(--cyan-400) 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 28px #2ee3e34d);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.footer-title .emoji{transform-origin:70% 70%;font-size:.6em;animation:2.4s ease-in-out infinite wave;display:inline-block}.footer-title .emoji:last-child{animation:2.6s ease-in-out .2s infinite twinkle}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.85;transform:scale(1.18)rotate(18deg)}}.footer-sub{color:var(--muted);max-width:560px;margin:0;font-size:17px;line-height:1.55}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;margin-top:24px;padding:22px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:48px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-item{letter-spacing:-.01em;color:var(--white);text-transform:uppercase;white-space:nowrap;opacity:.95;align-items:center;gap:48px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700;display:inline-flex}.marquee-item:nth-child(odd){background:linear-gradient(135deg, var(--cyan-400), var(--gold-400));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.marquee-dot{color:var(--cyan-400);text-shadow:0 0 16px var(--cyan-400);font-size:.6em}@keyframes marquee{to{transform:translate(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}.footer-credit{color:var(--muted);letter-spacing:.02em;max-width:620px;margin:28px 0 0;font-size:13px;line-height:1.6}.footer-credit .pike{background:linear-gradient(135deg, var(--cyan-400), var(--gold-400));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex;position:relative}.footer-credit .pike:after{content:"";background:linear-gradient(90deg, var(--cyan-400), var(--gold-400));transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.footer-credit .pike:hover:after{transform:scaleX(1)}.footer-credit .pike .emoji{-webkit-text-fill-color:initial;font-size:14px;animation:1.6s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.18)}20%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.marquee-track,.footer-title .thank,.footer-title .emoji,.footer-eyebrow .pulse,.footer-credit .pike .emoji,.orb{animation:none!important}.footer-title,.footer-grid,.orb{transform:none!important}}