.membership-page{padding-bottom:80px}.membership-intro{max-width:760px;padding-block:48px 42px}.membership-intro h1{font-family:var(--sans);letter-spacing:normal;font-size:clamp(2.7rem,6vw,4.4rem);font-weight:700;line-height:1.4}.membership-intro>p{margin-top:14px}.membership-intro>p[lang=gu]{font-size:1.1rem}.membership-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.membership-layout h2{font-family:var(--sans);font-size:1.35rem;font-weight:650;line-height:1.6}.membership-layout form{margin-top:22px}.membership-layout label:not(.membership-consent label){margin-top:22px;margin-bottom:8px;font-weight:650;display:block}.membership-layout label span{color:var(--muted);margin-left:8px;font-size:.8rem;font-weight:400}.membership-layout input:not([type=checkbox]){width:100%;min-height:50px;color:var(--ink);font:inherit;background:#fffdf7;border:1px solid #a4afa1;border-radius:0;padding:12px}.membership-layout input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.membership-layout small{color:var(--muted);margin-top:7px;font-size:.77rem;line-height:1.8;display:block}.mobile-input{background:#fffdf7;border:1px solid #a4afa1;align-items:center;display:flex}.mobile-input>span{padding-left:14px}.mobile-input input:not([type=checkbox]){border:0;min-width:0}.membership-layout input[type=file]{font-size:.85rem}.membership-layout input[type=file]::file-selector-button{background:var(--ink);color:var(--cream);font:inherit;cursor:pointer;border:0;margin-right:12px;padding:9px 12px}.membership-consent{align-items:flex-start;gap:12px;margin-block:26px 16px;display:flex}.membership-consent input{width:22px;height:22px;accent-color:var(--ink);flex-shrink:0;margin:4px 0 0}.membership-consent label{font-size:.9rem;line-height:1.9}.membership-consent button{color:var(--orange);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.membership-note{font-size:.78rem;line-height:1.8}.membership-note a{text-decoration:underline}.membership-layout form>.button{width:100%;margin-block:14px}.membership-layout button:disabled{opacity:.55;cursor:wait}.membership-honeypot{width:1px;height:1px;left:-10000px;overflow:hidden;position:absolute!important}.membership-preview-panel{position:sticky;top:24px}.membership-preview-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.membership-preview-heading>span{color:var(--muted);font-size:.78rem}.membership-preview{isolation:isolate;position:relative}.membership-template{width:100%}.membership-portrait{aspect-ratio:1;width:46.89%;position:absolute;top:25.199%;left:7.895%}.membership-portrait canvas{width:100%;height:100%;display:block}.membership-preview #name-preview{width:42.5%;height:5.2%;font-family:var(--sans);white-space:nowrap;color:var(--ink);justify-content:center;align-items:center;font-size:clamp(10px,2vw,28px);font-weight:700;line-height:1.2;display:flex;position:absolute;top:72.4%;left:9.8%;overflow:hidden}#generated-card{width:100%;height:auto}#membership-status{white-space:pre-line;margin-top:14px;font-size:.86rem;line-height:1.8}#membership-status[data-error=true]{color:#9c271a}#card-actions{padding-top:20px}#card-actions>p{font-size:.86rem}.membership-actions{flex-wrap:wrap;gap:12px;margin-block:16px;display:flex}.membership-actions .button{gap:12px;font-size:.8rem}.membership-page [hidden]{display:none!important}#membership-rules{border:1px solid var(--gold);background:var(--cream);width:min(660px,100% - 32px);max-height:85dvh;color:var(--ink);padding:clamp(20px,4vw,36px);overflow:auto}#membership-rules::backdrop{background:#102c29c9}.rules-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.rules-heading h2{font-family:var(--sans);font-size:1.4rem;font-weight:700;line-height:1.7}.rules-heading button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.7rem}#rules-list{padding-left:24px;line-height:2}#rules-list li{margin-bottom:12px;padding-left:5px}#accept-rules{gap:12px;width:100%;margin-top:18px}@media (width<=760px){.membership-intro{padding-block:30px}.membership-layout{grid-template-columns:1fr;gap:36px}.membership-preview-panel{position:static}.membership-page{padding-bottom:50px}.membership-preview #name-preview{font-size:clamp(13px,3.8vw,25px)}.membership-actions{flex-direction:column}.membership-actions .button{width:100%}.membership-intro .eyebrow{font-size:.6rem}}.photo-source-actions{flex-wrap:wrap;gap:12px;display:flex}.photo-source-actions .button{gap:8px;min-height:48px;padding-inline:16px;font-size:.85rem}#photo-filename{overflow-wrap:anywhere;margin-top:8px}#portrait-controls{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}#portrait-controls h3{font-family:var(--sans);font-size:1.1rem;font-weight:650}#portrait-help{margin-top:10px;font-size:.85rem;line-height:1.9}.portrait-editor-surface{isolation:isolate;background:var(--paper);aspect-ratio:1;max-width:440px;margin-top:16px;position:relative;overflow:hidden}.portrait-editor-surface canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.portrait-editor-surface canvas:active{cursor:grabbing}.portrait-editor-surface canvas:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}.portrait-circle-guide{border:2px solid var(--gold);pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 100px #193f3b80}.portrait-circle-guide:after{content:"";border-bottom:2px dashed var(--gold);position:absolute;bottom:4.9%;left:0;right:0}.membership-layout #portrait-zoom{min-height:44px;accent-color:var(--ink);background:0 0;border:0;padding:0}#portrait-zoom-value{float:right;font-size:.8rem}.portrait-position-buttons{justify-content:center;gap:12px;margin-block:8px;display:flex}.portrait-position-buttons button{background:var(--cream);width:48px;min-height:48px;color:var(--ink);cursor:pointer;border:1px solid #a4afa1;font-size:1.2rem}.portrait-edit-actions{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.portrait-edit-actions button{border:0;border-bottom:1px solid var(--ink);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;font-size:.82rem}#portrait-status{margin-top:16px;font-size:.84rem;line-height:1.9}#portrait-controls small{margin-top:12px}@media (width<=450px){.photo-source-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.photo-source-actions .button{padding-inline:8px;font-size:.75rem}.portrait-position-buttons{gap:16px}}#photo-review{border-block:1px solid var(--line);margin-top:20px;padding-block:18px}#photo-review strong{font-size:1rem;display:block}#photo-review small{margin-top:4px}.photo-review-actions{gap:12px;margin-top:14px;display:flex}.photo-review-actions button{font:inherit;border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--cream);cursor:pointer;padding:10px 16px;font-size:.85rem}.photo-review-actions button+button{color:var(--ink);background:0 0}#portrait-studio{background:var(--cream);color:var(--ink);border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0;overflow:hidden}#portrait-studio[open]{grid-template-rows:auto auto minmax(0,1fr) auto;animation:.26s cubic-bezier(.16,1,.3,1) studio-arrive;display:grid}#portrait-studio::backdrop{background:#193f3bbd}.portrait-studio-open{overflow:hidden}.studio-heading{padding:calc(14px + env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-context{color:var(--muted);margin-bottom:3px;font-size:.72rem;display:block}.studio-heading h2{font-family:var(--sans);font-size:1.15rem;font-weight:700;line-height:1.7}.studio-heading>button{border:1px solid var(--line);min-width:48px;min-height:48px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.studio-tabs{grid-template-columns:1fr 1fr;gap:20px;padding:10px 20px 0;display:grid}.studio-tabs button{min-height:52px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;font-size:.9rem;font-weight:650;transition:color .16s,border-color .16s}.studio-tabs button span{margin-left:5px;font-size:.7rem;font-weight:400}.studio-tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:var(--ink)}.studio-content{overscroll-behavior:contain;min-height:0;padding:16px 20px 24px;overflow:auto}.studio-content [role=tabpanel]:not([hidden]){animation:.18s cubic-bezier(.16,1,.3,1) studio-view}#portrait-studio #portrait-controls{border:0;margin:0;padding:0}#portrait-studio #portrait-heading{display:none}#portrait-studio #portrait-help{margin:0 0 12px;font-size:.8rem;line-height:1.8}#portrait-studio .portrait-editor-surface{border-radius:8px;width:min(100%,48dvh);margin:0 auto 12px}#portrait-studio label[for=portrait-zoom]{margin:12px 0 0;font-size:.86rem;font-weight:650;display:block}#portrait-studio #portrait-zoom{width:100%;min-height:48px;accent-color:var(--ink);background:0 0;padding:0;display:block}#portrait-studio .portrait-position-buttons{gap:14px}#portrait-studio .portrait-edit-actions{justify-content:space-between;gap:8px}#portrait-studio .portrait-edit-actions button{font-size:.8rem}#portrait-studio #portrait-status{background:var(--paper);border-radius:8px;margin-top:14px;padding:12px;font-size:.8rem}#portrait-studio #portrait-controls>small{color:var(--muted);margin-top:14px;font-size:.72rem;line-height:1.8;display:block}.studio-footer{padding:10px 20px calc(12px + env(safe-area-inset-bottom));background:var(--cream);border-top:1px solid var(--line)}.studio-footer p{text-align:center;color:var(--muted);margin-bottom:8px;font-size:.72rem}.studio-footer .button{justify-content:center;gap:16px;width:100%;min-height:50px;font-size:.88rem}#portrait-studio .membership-preview-panel{position:static}#portrait-studio .membership-preview-heading{margin-bottom:12px}#portrait-studio .membership-preview-heading h2{font-family:var(--sans);font-size:1rem}#portrait-studio .membership-preview{width:100%}#portrait-studio #name-preview{font-size:clamp(12px,3.8vw,25px)}#portrait-studio .membership-actions{gap:10px;margin-block:12px;display:grid}#portrait-studio .membership-actions .button{justify-content:center;width:100%;min-height:48px}#portrait-studio #card-actions{padding-top:12px}#portrait-studio #card-actions p{font-size:.78rem;line-height:1.8}#portrait-controls[aria-busy=true] #portrait-status:before,.is-generating:before{content:"";vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.9s linear infinite portrait-working;display:inline-block}.membership-page button,.membership-page .button{transition:background-color .16s,color .16s,opacity .16s,transform .12s}.membership-page button:active:not(:disabled),.membership-page .button:active{transform:scale(.98)}.membership-page button:focus-visible,.membership-page a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#membership-rules[open]{animation:.22s cubic-bezier(.16,1,.3,1) studio-view}#generated-card:not([hidden]){animation:.28s cubic-bezier(.16,1,.3,1) studio-view}@keyframes studio-arrive{0%{opacity:.7;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-view{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-working{to{transform:rotate(360deg)}}@media (width<=760px){.membership-intro{padding-block:24px}.membership-intro h1{font-size:2.6rem}.membership-intro>p{font-size:.94rem}.membership-intro>p[lang=gu]{font-size:1rem}.membership-layout form{margin-top:10px}.membership-layout input:not([type=checkbox]){font-size:16px}.membership-layout>#portrait-controls,.membership-layout #portrait-controls{display:none}.membership-preview-panel{scroll-margin-top:16px}.photo-review-actions{grid-template-columns:1fr 1fr;display:grid}.membership-layout label span{display:inline-block}.membership-layout .photo-source-actions .button{font-size:.8rem}.membership-intro .eyebrow{display:none}}@media (prefers-reduced-motion:reduce){.membership-page *,.membership-page :before{transition:none!important;animation:none!important}.portrait-studio-open{scroll-behavior:auto}}#portrait-studio[data-processing=true] .studio-context:before{content:"";vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:.9s linear infinite portrait-working;display:inline-block}