@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{--bg:#0b0c0e;--text:#f2f3f5;--muted:#8d909a;--accent:#4f7cf7;--accent-hi:#6ea0ff;--accent-soft:#4f7cf729;--surface:#15161a;--surface-2:#1b1c21;--surface-3:#212329;--border:#ffffff14;--border-strong:#ffffff24;--radius:20px;--shadow:0 30px 80px -28px #000000d9;--glow:0 18px 46px -16px #4f7cf78c;--grad:linear-gradient(135deg, var(--accent), var(--accent-hi))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:radial-gradient(1100px 700px at 18% -12%, #4f7cf71f, transparent 60%), radial-gradient(900px 620px at 112% 114%, #6ea0ff14, transparent 58%), var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{display:flex}html[lang=ar] body{font-family:Cairo,Inter,system-ui,sans-serif}.lang-switch{top:16px;z-index:40;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:fixed;inset-inline-end:18px}.lang-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:44px;padding:7px 14px;font-size:15px;font-weight:700}.lang-switch button.on{background:linear-gradient(180deg, var(--accent-hi), var(--accent));color:#fff;box-shadow:inset 0 1px #ffffff4d}.screen{text-align:center;background-position:50%;background-size:cover;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(24px,4.5vh,60px);padding:clamp(40px,7vh,96px) 40px;animation:.45s both fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screen.has-bg:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 90%,#0000 30%,#07080a80 100%),linear-gradient(#07080a73,#07080ab8);position:absolute;inset:0}.screen.has-bg>*{z-index:1;position:relative}h1{letter-spacing:-2px;background:linear-gradient(#fff,#c5cad6 78%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(46px,7.5vw,92px);font-weight:800;line-height:1.02}h2{letter-spacing:-.5px;margin:0;font-size:clamp(22px,3vw,34px);font-weight:700}p.sub{color:var(--muted);margin:0;font-size:clamp(16px,2vw,22px)}.muted{color:var(--muted)}.logo{object-fit:contain;max-height:96px;margin-bottom:8px}.attract{overflow:hidden}.attract .bg-media{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.attract .bg-scrim{z-index:1;background:radial-gradient(120% 90%,#0000 30%,#07080a8c 100%),linear-gradient(#07080a59,#07080ab8);position:absolute;inset:0}.attract-inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(48px,13vh,168px);width:100%;height:100%;display:flex;position:relative}.attract-brand{flex-direction:column;align-items:center;gap:clamp(16px,2.4vh,32px);display:flex}button,.btn,label.ghost{font:inherit;cursor:pointer;border:0}.primary,.ghost{letter-spacing:-.2px;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:17px 34px;font-size:clamp(17px,1.8vw,21px);font-weight:700;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s,border-color .2s,filter .2s;display:inline-flex;position:relative}.primary{color:#fff;background:linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 50%, #3a61dd 100%);border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff6b,inset 0 -13px 26px -14px #0000008c,0 14px 32px -12px #4f7cf794,0 4px 12px -4px #0006}.primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff7a,inset 0 -13px 26px -14px #0000008c,0 22px 46px -12px #4f7cf7b8,0 6px 16px -4px #00000073}.primary:active{transform:translateY(0)scale(.98)}.primary:disabled{opacity:.45;box-shadow:none;filter:none;transform:none}.ghost{color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:linear-gradient(#ffffff21,#ffffff0d);border:1px solid #fff3;box-shadow:inset 0 1px #fff3,0 10px 26px -18px #000c}.ghost:hover{background:linear-gradient(#ffffff30,#ffffff17);border-color:#ffffff4d;transform:translateY(-1px)}.ghost:disabled{opacity:.5;transform:none}.big{border-radius:999px;padding:22px 56px;font-size:clamp(20px,2.4vw,28px)}.actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;display:flex}.capture-btn{min-width:230px}.primary svg,.ghost svg{width:26px;height:26px}.topbar{z-index:3;justify-content:space-between;align-items:center;padding:26px 32px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .ghost{border-radius:12px;padding:12px 22px;font-size:17px}.topbar h2{white-space:nowrap}.touch-hint{opacity:.85;animation:2.2s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}.preview-wrap{border-radius:28px;line-height:0;display:inline-block;position:relative}.preview{object-fit:cover;background:#000;background-image:var(--grad);box-shadow:var(--shadow);border:none;border-radius:28px;outline:4px solid #0000;padding:4px}.capture-guide{object-fit:fill;pointer-events:none;opacity:.9;border-radius:24px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.capture-flash{z-index:60;pointer-events:none;background:#fff;animation:.22s ease-out forwards capflash;position:fixed;inset:0}@keyframes capflash{0%{opacity:.9}to{opacity:0}}.orient-portrait .cam-screen{flex-direction:column;gap:clamp(18px,3vh,34px)}.orient-portrait .cam-screen .actions{flex-flow:wrap}.orient-portrait .preview{width:min(88vw,58vh);height:min(88vw,58vh)}.orient-landscape .cam-screen.cap-auto,.orient-landscape .cam-screen.cap-right{flex-direction:row;gap:clamp(24px,4vw,60px)}.orient-landscape .cam-screen.cap-auto .actions,.orient-landscape .cam-screen.cap-right .actions{flex-direction:column;align-items:stretch}.orient-landscape .cam-screen.cap-auto .preview,.orient-landscape .cam-screen.cap-right .preview{width:min(54vw,82vh);height:min(54vw,82vh)}.orient-landscape .cam-screen.cap-bottom{flex-direction:column;gap:clamp(16px,3vh,28px)}.orient-landscape .cam-screen.cap-bottom .actions{flex-direction:row}.orient-landscape .cam-screen.cap-bottom .preview{width:min(80vw,60vh);height:min(80vw,60vh)}.theme-screen{justify-content:center;padding-top:clamp(82px,11vh,108px);padding-bottom:clamp(18px,4vh,36px);overflow:hidden}.placeholder{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:16px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(146px,188px));place-content:start center;gap:clamp(12px,1.6vw,20px);width:100%;max-width:1080px;max-height:100%;padding:4px;display:grid;overflow-y:auto}.card{background:var(--surface);cursor:pointer;border:1px solid var(--border);aspect-ratio:3/4;border-radius:22px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-6px)scale(1.02)}.card:active{transform:scale(.98)}.card img{object-fit:cover;width:100%;height:100%}.card .name{text-align:left;background:linear-gradient(#0000,#000000e0);padding:18px 16px 16px;font-size:21px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.hero-wrap{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.hero-row{align-items:center;gap:clamp(14px,3vw,40px);display:flex}.hero-nav{width:70px;height:70px;color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:linear-gradient(#ffffff21,#ffffff0d);border:1px solid #fff3;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:38px;line-height:1;transition:background .16s,transform .16s,border-color .16s;display:flex;box-shadow:inset 0 1px #fff3,0 10px 26px -18px #000c}.hero-nav:hover{background:linear-gradient(#ffffff30,#ffffff17);border-color:#ffffff4d;transform:scale(1.05)}.hero-nav:disabled{opacity:.3;pointer-events:none}.hero-card{aspect-ratio:3/4;cursor:pointer;border:1px solid var(--border);background:var(--surface);max-width:76vw;height:min(58vh,520px);box-shadow:var(--shadow);border-radius:26px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.hero-card:hover{transform:translateY(-4px);box-shadow:0 36px 90px -28px #000000e6}.hero-card img{object-fit:cover;width:100%;height:100%}.hero-meta{background:linear-gradient(#0000,#000000e6);flex-direction:column;align-items:center;gap:16px;padding:40px 22px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-name{letter-spacing:-.4px;font-size:clamp(22px,2.6vw,30px);font-weight:750}.hero-dots{flex-wrap:wrap;justify-content:center;gap:2px;max-width:76vw;display:flex}.hero-dots .dot{background:0 0;background-image:radial-gradient(circle at center, var(--surface-3) 0 6px, transparent 7px);border:0;border-radius:50%;width:44px;height:44px;padding:0;transition:background-image .16s,transform .16s}.hero-dots .dot.on{background-image:radial-gradient(circle at center, var(--accent) 0 7px, transparent 8px);transform:scale(1.12)}.filmstrip{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,2vh,20px);width:100%;min-height:0;display:flex}.film-stage{aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface);max-width:92vw;height:min(62vh,560px);box-shadow:var(--shadow);border-radius:24px;flex:0 auto;position:relative;overflow:hidden}.film-stage>img{object-fit:cover;width:100%;height:100%;display:block}.film-stage .placeholder{width:100%;height:100%;font-size:22px}.film-top{text-align:left;background:linear-gradient(#0000009e,#0000);padding:20px 22px 34px;position:absolute;top:0;left:0;right:0}.film-name{letter-spacing:-.5px;text-transform:uppercase;font-size:clamp(22px,3.4vw,34px);font-weight:800}.film-cta{background:linear-gradient(#0000,#000000b8);justify-content:center;padding:40px 22px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.film-rail{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex:none;justify-content:safe center;gap:clamp(8px,1.2vw,14px);width:100%;max-width:1100px;padding:4px 18px 6px;display:flex;overflow-x:auto}.film-thumb{scroll-snap-align:center;cursor:pointer;aspect-ratio:3/4;background:var(--surface-2);opacity:.62;border:2px solid #0000;border-radius:12px;flex:none;height:clamp(78px,13vh,118px);padding:0;transition:opacity .16s,border-color .16s,transform .16s;overflow:hidden}.film-thumb:hover{opacity:.85}.film-thumb.on{opacity:1;border-color:var(--accent);transform:translateY(-3px)}.film-thumb img{object-fit:cover;width:100%;height:100%;display:block}.film-thumb-ph{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:4px;font-size:10.5px;display:flex}@media (width<=720px){.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.hero-row{gap:8px}.hero-nav{width:50px;height:50px;font-size:28px}.hero-card{max-width:62vw}.film-thumb{height:clamp(62px,10vh,92px)}.topbar{padding:20px 16px}.topbar h2{font-size:18px}.topbar .ghost{padding:10px 15px;font-size:15px}}@media (height<=680px){.grid{grid-template-columns:repeat(auto-fill,minmax(118px,150px));gap:12px}}.spinner{border:6px solid #ffffff14;border-top-color:var(--accent);border-right-color:var(--accent-hi);border-radius:50%;width:92px;height:92px;animation:.9s cubic-bezier(.5,.1,.4,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-frame{line-height:0;display:inline-block;position:relative}.result-img{max-width:min(88vw,440px);max-height:54vh;box-shadow:var(--shadow);border-radius:22px;display:block}.orient-landscape .result-img{max-width:min(70vw,520px);max-height:62vh}.frame-overlay{object-fit:fill;pointer-events:none;border-radius:22px;width:100%;height:100%;position:absolute;inset:0}.result-bar{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.result-bar .rb{border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-size:clamp(17px,2vw,21px);display:inline-flex}.result-bar .rb svg{width:24px;height:24px}.kpop-back{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a8;place-items:center;padding:24px;animation:.25s both fadeIn;display:grid;position:fixed;inset:0}.kpop{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:16px;max-width:92vw;padding:40px 40px 34px;display:flex;position:relative}.kpop-title{color:var(--text);margin:0;font-size:clamp(20px,2.4vw,26px)}.kpop-x{width:42px;height:42px;color:var(--text);background:linear-gradient(#ffffff21,#ffffff0d);border:1px solid #fff3;border-radius:999px;place-items:center;font-size:24px;line-height:1;transition:background .16s,border-color .16s;display:grid;position:absolute;top:12px;right:14px;box-shadow:inset 0 1px #fff3}.kpop-x:hover{background:var(--accent);color:#fff;border-color:#0000}.qr{aspect-ratio:1;width:min(260px,70vw);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:14px}.qr img{width:100%;height:100%}.email-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.email-row input{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:14px;outline:none;width:min(300px,70vw);min-width:0;padding:16px 20px;font-size:18px}.email-row input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.error-box{color:#fda4af;text-align:center;background:#f43f5e1f;border:1px solid #f43f5e73;border-radius:18px;justify-content:center;align-items:center;width:min(78vw,64vh);max-width:600px;padding:26px 34px;display:flex}.consent-screen .consent-body{color:var(--muted);text-align:center;background:var(--surface-2);border:1px solid var(--border);white-space:pre-wrap;border-radius:18px;width:min(80vw,70vh);max-width:680px;padding:28px 34px;font-size:clamp(16px,2vw,22px);line-height:1.6}