:root{--text:#6d6a7c;--text-h:#171321;--bg:#f7f4ef;--panel-bg:#fff;--field-bg:#fbfaf8;--border:#e2ded8;--accent:#101f7c;--accent-bg:#101f7c17;--accent-border:#101f7c47;--shadow:#21183114 0 20px 60px, #2118310a 0 4px 12px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#c7c1d6;--text-h:#fbf8ff;--bg:#100d18;--panel-bg:#191424;--field-bg:#211a2e;--border:#342a45;--accent:#91a7ff;--accent-bg:#91a7ff24;--accent-border:#91a7ff5c;--shadow:#00000059 0 20px 60px, #0003 0 4px 12px}}#root{box-sizing:border-box;flex-direction:column;width:1080px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:radial-gradient(circle at top left, #d92d2029, transparent 24rem), radial-gradient(circle at top right, #101f7c1f, transparent 28rem), var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:0 0 24px;font-size:56px;line-height:.95}@media (width<=1024px){h1{font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.app-shell{box-sizing:border-box;text-align:left;grid-template-areas:"controls""hero""panel""donation";gap:32px;padding:56px 28px;display:grid}.top-controls{flex-wrap:wrap;grid-area:controls;justify-content:flex-end;align-items:flex-start;gap:14px;max-width:100%;display:flex}.language-switcher{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.language-option{color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.language-option.is-active{background:var(--accent-bg);color:var(--text-h)}.language-flag{font-size:1.1rem;line-height:1}.location-control{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;gap:6px;max-width:430px;padding:12px 14px;display:grid}.location-label{color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.location-message{color:var(--text);font-size:.92rem}.location-control select{appearance:none;background:var(--field-bg);border:1px solid var(--border);color:var(--text-h);font:inherit;border-radius:999px;padding:10px 14px}.hero{grid-area:hero;gap:20px;max-width:760px;display:grid}.hero-logo{width:min(100%,440px);max-width:440px;height:auto;margin-bottom:8px;display:block}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.84rem;font-weight:700}.hero-copy{color:var(--text);max-width:680px;font-size:1.1rem}.panel{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;grid-area:panel;padding:28px}form{gap:24px;display:grid}fieldset{border:0;margin:0;padding:0}legend,.field span{color:var(--text-h);margin-bottom:10px;font-weight:700;display:block}.provider-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.provider-card{background:var(--field-bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.paid-option{background:var(--field-bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.paid-option strong,.paid-option small{display:block}.paid-option small{color:var(--text);margin-top:4px}.field input,.field select,.field textarea{background:var(--field-bg);border:1px solid var(--border);box-sizing:border-box;color:var(--text-h);font:inherit;border-radius:16px;width:100%;padding:14px 16px}.field select{appearance:none}.field-help{color:var(--text);margin-top:8px;display:block}.field textarea{resize:vertical}button,.recommendation a,.donation-section a{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-weight:700;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}.message{margin-top:20px}.error{color:#d92d20}.loading-recommendation{background:linear-gradient(135deg, #101f7c1f, transparent 58%), var(--accent-bg);border:1px solid var(--accent-border);border-radius:24px;align-items:center;gap:20px;margin-top:28px;padding:22px;display:flex;position:relative;overflow:hidden}.loading-recommendation:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2.8s ease-in-out infinite projector-sweep;position:absolute;inset:0;transform:translate(-100%)}.film-loader{z-index:1;flex:none;width:112px;height:76px;position:relative}.film-reel{background:radial-gradient(circle, var(--panel-bg) 0 16%, transparent 17%), radial-gradient(circle at 50% 18%, var(--panel-bg) 0 8%, transparent 9%), radial-gradient(circle at 82% 50%, var(--panel-bg) 0 8%, transparent 9%), radial-gradient(circle at 50% 82%, var(--panel-bg) 0 8%, transparent 9%), radial-gradient(circle at 18% 50%, var(--panel-bg) 0 8%, transparent 9%), conic-gradient(from 12deg, var(--accent), var(--accent-border), var(--accent));border:2px solid var(--accent-border);box-shadow:var(--shadow);border-radius:50%;width:54px;height:54px;animation:1.15s linear infinite reel-spin;position:absolute;top:0}.film-reel-one{left:0}.film-reel-two{animation-direction:reverse;right:0}.film-strip{background:linear-gradient(90deg, var(--accent) 0 8px, transparent 8px 14px) 0 0 / 14px 8px repeat-x, linear-gradient(90deg, var(--accent) 0 8px, transparent 8px 14px) 0 100% / 14px 8px repeat-x, linear-gradient(var(--accent-border), var(--accent-border));border-radius:8px;height:28px;position:absolute;bottom:4px;left:8px;right:8px;transform:rotate(-4deg)}.loading-copy{z-index:1;position:relative}.loading-copy .eyebrow,.loading-copy h2{margin-bottom:8px}.recommendation{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:24px;margin-top:28px;padding:24px}.recommendation h2{margin-bottom:12px;font-size:2rem}.recommendation-summary{margin-bottom:20px}.recommendation-why{background:var(--panel-bg);border:1px solid var(--accent-border);border-radius:18px;margin-bottom:20px;padding:16px}.recommendation-why h3{color:var(--text-h);margin:0 0 8px;font-size:1rem}.recommendation-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recommendation .secondary-action{background:var(--panel-bg);border:1px solid var(--accent-border);color:var(--accent)}.donation-section{border-top:1px solid var(--border);color:var(--text);grid-area:donation;justify-content:space-between;align-items:center;gap:20px;padding-top:8px;display:flex}.creator-card{align-items:center;gap:16px;max-width:720px;display:flex}.creator-photo{aspect-ratio:1;border:1px solid var(--border);box-shadow:var(--shadow);object-fit:cover;border-radius:999px;flex:none;width:96px;height:96px}.creator-copy{gap:8px;display:grid}.donation-section .eyebrow,.donation-section h2{margin-bottom:0}.creator-name{color:var(--text-h);font-weight:700}.donation-section a{border:1px solid var(--accent-border);color:var(--accent);background:0 0;flex:none}.donation-action{flex:none}.donation-muted{color:var(--text);flex:none;max-width:280px;font-size:.92rem}@media (width>=900px){.app-shell{grid-template-columns:minmax(0,1fr) minmax(310px,.86fr);grid-template-areas:"hero controls""panel panel""donation donation";align-items:start;column-gap:48px;padding-block:64px 48px}.top-controls{align-content:start;justify-self:end}.language-switcher{flex:none}.location-control{width:min(100%,360px)}.hero{align-self:center;max-width:620px;padding-top:24px}.hero-logo{width:min(100%,360px)}.panel{padding:32px}form{grid-template-columns:repeat(2,minmax(0,1fr))}fieldset,.paid-option,form button{grid-column:1/-1}.field:has(textarea){grid-column:1/-1}.provider-grid{grid-template-columns:repeat(5,minmax(0,1fr))}form button{justify-self:start;min-width:260px}}@media (width>=900px) and (width<=1120px){.app-shell{column-gap:32px;padding-inline:40px}.hero{max-width:540px}.hero-logo{width:min(100%,320px)}}@media (width>=761px) and (width<=899px){.app-shell{padding-inline:40px}.top-controls{justify-content:space-between;align-self:stretch}.location-control{flex:320px}.hero{max-width:680px}}@media (width<=760px){.app-shell{padding:36px 18px}.hero{gap:16px}.hero-logo{margin-bottom:0}.top-controls{justify-content:flex-start;align-self:stretch}.language-switcher,.location-control{width:100%}.language-switcher{justify-content:space-between}.language-option{flex:1;justify-content:center}.provider-grid{grid-template-columns:1fr}.loading-recommendation,.donation-section,.creator-card{flex-direction:column;align-items:flex-start}.creator-photo{width:84px;height:84px}}@media (prefers-reduced-motion:reduce){.film-reel,.loading-recommendation:after{animation:none}}@keyframes reel-spin{to{transform:rotate(1turn)}}@keyframes projector-sweep{0%,45%{transform:translate(-100%)}to{transform:translate(100%)}}
