@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --glow-opacity{syntax: "<number>"; initial-value: 0; inherits: false;}:root{--canvas: oklch(.12 .016 60);--surface: oklch(.16 .014 60);--elevated: oklch(.2 .012 60);--elevated-2: oklch(.24 .011 60);--ink: oklch(.97 .012 80);--ink-muted: oklch(.74 .015 75);--ink-subtle: oklch(.54 .013 72);--ink-faint: oklch(.4 .01 70);--gold: oklch(.82 .148 85);--gold-soft: oklch(.88 .12 85);--gold-deep: oklch(.68 .155 75);--copper: oklch(.7 .15 55);--glow-gold: oklch(.82 .148 85 / .38);--glow-gold-soft: oklch(.82 .148 85 / .15);--hairline: oklch(1 0 0 / .08);--hairline-strong: oklch(1 0 0 / .14);--hairline-gold: oklch(.82 .148 85 / .22);--success: oklch(.72 .155 155);--warning: oklch(.8 .15 75);--error: oklch(.65 .215 25);--info: oklch(.72 .12 230);--espresso: oklch(.12 .016 60);--gold-legacy: oklch(.82 .148 85);--ivory: oklch(.97 .012 80);--parchment: oklch(.92 .018 78);--soft-brown: oklch(.56 .032 62);--dark-bronze: oklch(.4 .035 60);--brass: oklch(.62 .09 75);--charcoal: oklch(.34 .015 58);--muted-tan: oklch(.8 .022 75);--divider: oklch(1 0 0 / .1);--warm-muted: oklch(.62 .018 70);--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-editorial: "Fraunces", Georgia, serif;--font-classic: "Fraunces", Georgia, serif;--font-utility: "Commissioner", "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--step--2: clamp(.72rem, .68rem + .18vw, .83rem);--step--1: clamp(.86rem, .8rem + .29vw, 1.04rem);--step-0: clamp(1.03rem, .94rem + .44vw, 1.3rem);--step-1: clamp(1.23rem, 1.1rem + .66vw, 1.63rem);--step-2: clamp(1.48rem, 1.29rem + .94vw, 2.04rem);--step-3: clamp(1.78rem, 1.51rem + 1.33vw, 2.55rem);--step-4: clamp(2.13rem, 1.77rem + 1.83vw, 3.19rem);--step-5: clamp(2.56rem, 2.07rem + 2.47vw, 3.99rem);--step-6: clamp(3.07rem, 2.41rem + 3.28vw, 4.99rem);--step-7: clamp(3.69rem, 2.81rem + 4.35vw, 6.23rem);--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-xxxl: 64px;--space-hero: 96px;--space-cinema: 128px;--space-epic: 192px;--container-padding: clamp(1.25rem, 4vw, 3rem);--container-max: 1280px;--content-max: min(72ch, 100%);--radius-none: 0;--radius-subtle: 6px;--radius-soft: 12px;--radius-rounded: 20px;--radius-pill: 999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-instant: .1s;--dur-fast: .2s;--dur-normal: .4s;--dur-slow: .7s;--dur-dramatic: 1.2s;--transition-fast: var(--dur-fast) var(--ease-smooth);--transition-normal: var(--dur-normal) var(--ease-out-expo);--transition-slow: var(--dur-slow) var(--ease-out-expo);--shadow-sm: 0 1px 2px oklch(0 0 0 / .25), 0 1px 1px oklch(0 0 0 / .15);--shadow-md: 0 4px 8px -2px oklch(0 0 0 / .35), 0 2px 4px -1px oklch(0 0 0 / .2);--shadow-lg: 0 12px 24px -6px oklch(0 0 0 / .42), 0 6px 12px -3px oklch(0 0 0 / .25), 0 0 0 1px oklch(1 0 0 / .05);--shadow-xl: 0 24px 48px -12px oklch(0 0 0 / .55), 0 12px 24px -6px oklch(0 0 0 / .3), 0 0 0 1px oklch(1 0 0 / .05);--shadow-gold: 0 0 0 1px oklch(.82 .148 85 / .3), 0 10px 30px -8px var(--glow-gold), 0 0 60px -15px var(--glow-gold);--shadow-inset-top: inset 0 1px 0 oklch(1 0 0 / .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;font-size:16px;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-kerning:normal;hanging-punctuation:first last;color-scheme:dark;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-utility);font-size:var(--step-0);font-weight:400;line-height:1.6;color:var(--ink);background:var(--canvas);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(ellipse 80% 60% at 50% 0%,oklch(.18 .028 65 / .6) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 0% 40%,oklch(.16 .022 50 / .4) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 100% 60%,oklch(.17 .026 70 / .35) 0%,transparent 50%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit;transition:color var(--dur-fast) var(--ease-smooth)}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:var(--radius-pill);border:3px solid var(--canvas)}::-webkit-scrollbar-thumb:hover{background:var(--gold-deep)}::selection{background:var(--gold);color:var(--canvas)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--ink);font-optical-sizing:auto;font-variation-settings:"SOFT" 50,"WONK" 0,"opsz" 144;text-wrap:balance}h1{font-size:var(--step-6);font-weight:500;letter-spacing:-.035em;line-height:1.02}h2{font-size:var(--step-5);letter-spacing:-.03em;line-height:1.08}h3{font-size:var(--step-3);font-weight:500;letter-spacing:-.025em;line-height:1.15}h4{font-size:var(--step-2);font-weight:500;letter-spacing:-.02em;line-height:1.25}p{line-height:1.65;text-wrap:pretty;max-width:65ch}em,i{font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144}.label{display:inline-block;font-family:var(--font-utility);font-size:var(--step--2);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-feature-settings:"tnum" 1,"ss01" 1}.subtitle{font-family:var(--font-display);font-size:var(--step-1);font-weight:400;font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 48;color:var(--ink-muted);line-height:1.45;text-wrap:balance;max-width:52ch}.lead{font-size:var(--step-1);font-weight:400;line-height:1.55;color:var(--ink-muted);text-wrap:pretty;max-width:58ch}.display{font-family:var(--font-display);font-size:var(--step-7);font-weight:500;letter-spacing:-.04em;line-height:.98;color:var(--ink);font-variation-settings:"SOFT" 30,"WONK" 0,"opsz" 144;text-wrap:balance}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"ss01" 1;font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding);position:relative}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gold{color:var(--gold)}.text-ink{color:var(--ink)}.text-muted{color:var(--ink-muted)}.text-subtle{color:var(--ink-subtle)}.bg-espresso{background:var(--canvas);color:var(--ink)}.bg-surface{background:var(--surface)}.bg-elevated{background:var(--elevated)}.hairline-gold{display:block;width:48px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);border:none;margin-block:var(--space-lg)}.btn{--btn-bg: var(--elevated);--btn-color: var(--ink);--btn-border: var(--hairline-strong);--btn-padding-y: .875rem;--btn-padding-x: 1.75rem;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:var(--btn-padding-y) var(--btn-padding-x);min-height:48px;font-family:var(--font-utility);font-size:var(--step--1);font-weight:550;letter-spacing:.01em;line-height:1;color:var(--btn-color);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-soft);cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-out-expo),color var(--dur-fast) var(--ease-smooth);overflow:hidden;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,oklch(1 0 0 / .18) 50%,transparent 70%);transform:translate(-110%);transition:transform var(--dur-slow) var(--ease-out-expo);pointer-events:none}.btn>span,.btn>svg{position:relative;z-index:1}.btn:active{transform:scale(.97)}.btn-primary{--btn-bg: var(--gold);--btn-color: oklch(.15 .02 60);--btn-border: transparent;font-weight:600;box-shadow:0 1px #ffffff40 inset,0 1px 2px #00000059,0 0 0 0 var(--glow-gold)}.btn-primary:hover{--btn-bg: var(--gold-soft);transform:translateY(-2px);box-shadow:0 1px #ffffff4d inset,0 8px 24px -6px var(--glow-gold),0 0 48px -8px var(--glow-gold)}.btn-primary:hover:before{transform:translate(110%)}.btn-primary:active{--btn-bg: var(--gold-deep);transform:translateY(0) scale(.97)}.btn-ghost{--btn-bg: transparent;--btn-color: var(--ink);--btn-border: var(--hairline-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-ghost:hover{--btn-bg: oklch(1 0 0 / .04);--btn-border: var(--gold);--btn-color: var(--gold);transform:translateY(-1px)}.btn-link{--btn-bg: transparent;--btn-border: transparent;--btn-color: var(--gold);padding:.5rem 0;min-height:auto;border-radius:0}.btn-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform var(--dur-normal) var(--ease-out-expo)}.btn-link:hover:after{transform:scaleX(1)}.btn-lg{--btn-padding-y: 1.125rem;--btn-padding-x: 2.25rem;min-height:56px;font-size:var(--step-0)}.btn-sm{--btn-padding-y: .625rem;--btn-padding-x: 1.25rem;min-height:40px;font-size:var(--step--1)}.btn-icon{--btn-padding-x: .75rem;aspect-ratio:1;min-height:44px}.btn.loading{pointer-events:none;color:transparent}.btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;color:var(--btn-color)}@keyframes spin{to{transform:rotate(360deg)}}.section{position:relative;padding-block:var(--space-hero);isolation:isolate}@media(min-width:1024px){.section{padding-block:var(--space-cinema)}}.section-header{max-width:68ch;margin-inline:auto;margin-bottom:var(--space-xxxl);text-align:center}.section-header .label{margin-bottom:var(--space-md)}.section-header h2{margin-bottom:var(--space-lg)}.section-header .subtitle{margin-inline:auto}.card{position:relative;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-rounded);padding:var(--space-xl);transition:transform var(--dur-normal) var(--ease-out-expo),border-color var(--dur-normal) var(--ease-smooth),background-color var(--dur-normal) var(--ease-smooth);overflow:hidden;isolation:isolate}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--gold) 0%,transparent 30%,transparent 70%,var(--copper) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--dur-slow) var(--ease-out-expo);pointer-events:none}.card:hover{transform:translateY(-4px);border-color:transparent;background:var(--elevated)}.card:hover:before{opacity:.7}.scroll-reveal{opacity:0;transform:translate3d(0,32px,0);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);backface-visibility:hidden}.scroll-reveal.in-view{opacity:1;transform:translateZ(0)}tr.scroll-reveal{transform:none;transition:opacity .4s cubic-bezier(.22,1,.36,1)}tr.scroll-reveal.in-view{transform:none}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}.reveal{opacity:1;transform:none}tr.reveal{transform:none;transition:opacity var(--dur-normal) var(--ease-smooth)}tr.reveal.visible{transform:none}.stagger-children .reveal{transition-delay:calc(var(--i, 0) * 80ms)}@keyframes editorialRise{0%{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-in{animation:editorialRise var(--dur-slow) var(--ease-out-expo) both}.animate-in-delay-1{animation-delay:80ms}.animate-in-delay-2{animation-delay:.16s}.animate-in-delay-3{animation-delay:.24s}.animate-in-delay-4{animation-delay:.32s}.animate-in-delay-5{animation-delay:.4s}.animate-in-delay-6{animation-delay:.48s}.animate-in-delay-7{animation-delay:.56s}.animate-in-delay-8{animation-delay:.64s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-subtle)}button:focus-visible,.btn:focus-visible{outline-offset:4px}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--gold);color:var(--canvas);padding:.75rem 1.25rem;font-weight:600;z-index:9999;border-radius:var(--radius-soft);transition:top var(--dur-fast) var(--ease-out-expo)}.skip-link:focus{top:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}}main,body>section{position:relative;z-index:1}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,oklch(.82 .148 85 / 0),var(--gold) 20%,var(--gold-soft) 50%,var(--gold) 80%,oklch(.82 .148 85 / 0));transform-origin:left;transform:scaleX(0);z-index:10001;pointer-events:none;box-shadow:0 0 12px var(--glow-gold)}@supports (animation-timeline: scroll()){.scroll-progress{animation:scrollProgressFill linear both;animation-timeline:scroll(root)}@keyframes scrollProgressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.modal-overlay{position:fixed;inset:0;background:#010100bf;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10000;opacity:0;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-out-expo)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 3rem);overflow-y:auto;overflow-x:hidden;background:var(--elevated);border:1px solid var(--hairline);border-radius:var(--radius-rounded);box-shadow:0 40px 80px -20px #0000008c,0 20px 40px -10px #00000059,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;transform:translateY(24px) scale(.98);opacity:0;transition:transform var(--dur-normal) var(--ease-out-expo),opacity var(--dur-normal) var(--ease-out-expo)}.modal-overlay.active .modal{transform:translateY(0) scale(1);opacity:1}.modal:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 40% at 50% 0%,oklch(.75 .13 75 / .08),transparent 60%);pointer-events:none;border-radius:inherit}.modal-login{max-width:460px}.modal-register{max-width:720px}.modal::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:var(--radius-pill);border:2px solid var(--elevated)}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--hairline);border-radius:50%;color:var(--ink-muted);cursor:pointer;z-index:2;transition:color var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.modal-close:hover{color:var(--gold);border-color:var(--hairline-gold);background:#dea1431a;transform:rotate(90deg)}.modal-header{position:relative;padding:2.5rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--hairline)}.modal-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#dea1431f;border:1px solid var(--hairline-gold);border-radius:18px;color:var(--gold);box-shadow:0 0 40px -8px var(--glow-gold)}.modal-header h3{font-family:var(--font-display);font-size:var(--step-3);font-weight:500;letter-spacing:-.025em;line-height:1.15;color:var(--ink);margin-bottom:.5rem;font-variation-settings:"SOFT" 30,"opsz" 144}.modal-header p{font-size:var(--step--1);color:var(--ink-muted);max-width:44ch;margin:0 auto;line-height:1.55}.modal-body{position:relative;padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--hairline)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.1rem;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin-bottom:1.25rem;font-variation-settings:"SOFT" 30,"opsz" 48}.form-section-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#dea1431f;border:1px solid var(--hairline-gold);border-radius:50%;color:var(--gold);font-family:var(--font-utility);font-size:.85rem;font-weight:600;flex-shrink:0}.form-row{margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{position:relative;display:flex;flex-direction:column}.form-label{display:flex;align-items:center;gap:.375rem;font-family:var(--font-utility);font-size:.8rem;font-weight:550;color:var(--ink);margin-bottom:.5rem;letter-spacing:.01em}.form-info-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-subtle);cursor:help;transition:color var(--dur-fast) var(--ease-smooth)}.form-info-icon:hover{color:var(--gold)}.form-input{width:100%;height:48px;padding:0 1rem;font-family:var(--font-utility);font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft);outline:none;transition:border-color var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.form-input::placeholder{color:var(--ink-subtle);opacity:.6}.form-input:hover:not(:focus){border-color:var(--hairline-strong)}.form-input:focus{border-color:var(--gold);background:var(--elevated-2);box-shadow:0 0 0 3px #f0bc3e26}.form-input[type=password],.form-input[type=email],.form-input[type=text],.form-input[type=number]{color-scheme:dark}textarea.form-input{height:auto;min-height:96px;padding:.875rem 1rem;resize:vertical;line-height:1.5}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23d4b063' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-select option{background:var(--elevated);color:var(--ink)}.form-input-password{position:relative}.form-input-password .form-input{padding-right:3rem}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ink-muted);cursor:pointer;border-radius:var(--radius-subtle);transition:color var(--dur-fast) var(--ease-smooth)}.password-toggle:hover{color:var(--gold)}.password-strength{display:flex;align-items:center;gap:.625rem;margin-top:.5rem;height:16px}.password-strength-bar{flex:1;height:3px;background:var(--hairline);border-radius:var(--radius-pill);overflow:hidden;position:relative}.password-strength-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--strength, 0%);background:var(--strength-color, var(--gold));border-radius:inherit;transition:width var(--dur-normal) var(--ease-out-expo)}.password-strength-text{font-family:var(--font-utility);font-size:.72rem;color:var(--ink-muted);min-width:52px}.form-input-with-button{display:flex;gap:.5rem;align-items:flex-start}.form-input-with-button .form-input{flex:1}.form-input-with-button .btn{flex-shrink:0;margin-top:0;height:48px;min-height:48px;white-space:nowrap}.form-error{display:block;margin-top:.375rem;font-family:var(--font-utility);font-size:.72rem;color:var(--ink-subtle);min-height:1.1em}.form-group.error .form-input{border-color:var(--error);background:#f744460f}.form-group.error .form-error{color:var(--error)}.form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--ink-subtle);font-style:italic}.form-success{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem .875rem;background:#3cc0781a;border:1px solid oklch(.72 .155 155 / .3);border-radius:var(--radius-subtle);color:#63e197;font-size:.8rem;line-height:1.4}.form-error-message{display:flex;align-items:center;gap:.625rem;margin:1rem 0;padding:.875rem 1rem;background:#f744461a;border:1px solid oklch(.65 .215 25 / .3);border-radius:var(--radius-soft);color:oklch(.82 .18 25);font-size:.85rem;line-height:1.45}.form-error-message svg{flex-shrink:0}.plan-selector{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem}.plan-option{display:block;position:relative;cursor:pointer}.plan-option input{position:absolute;opacity:0;pointer-events:none}.plan-option-content{display:flex;flex-direction:column;gap:.375rem;padding:1rem 1.125rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft);transition:border-color var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}.plan-option:hover .plan-option-content{border-color:var(--hairline-strong)}.plan-option input:checked~.plan-option-content{border-color:var(--gold);background:#dea1430f;box-shadow:0 0 0 1px var(--gold)}.plan-option-header{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.plan-option-name{font-family:var(--font-display);font-size:1.05rem;font-weight:500;color:var(--ink);font-variation-settings:"SOFT" 30,"opsz" 48}.plan-option-badge{display:inline-block;padding:.15rem .5rem;background:var(--gold);color:#0f0703;font-family:var(--font-utility);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill)}.plan-option-price{margin-left:auto;font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--gold);font-variation-settings:"SOFT" 30,"opsz" 48}.plan-option-price small{font-size:.7em;color:var(--ink-muted);font-weight:400}.plan-option-desc{font-size:.78rem;color:var(--ink-muted);line-height:1.45}.billing-cycle-selector{margin-top:1.25rem}.billing-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.billing-option{position:relative;cursor:pointer}.billing-option input{position:absolute;opacity:0;pointer-events:none}.billing-option-content{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft);transition:all var(--dur-fast) var(--ease-smooth);text-align:center}.billing-option:hover .billing-option-content{border-color:var(--hairline-strong)}.billing-option input:checked~.billing-option-content{border-color:var(--gold);background:#dea1430f}.billing-option-name{font-family:var(--font-utility);font-size:.9rem;font-weight:600;color:var(--ink)}.billing-option-badge{font-family:var(--font-utility);font-size:.7rem;color:var(--gold)}.payment-info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#dea1430f;border:1px solid var(--hairline-gold);border-radius:var(--radius-soft);margin-bottom:1rem}.payment-info-box svg{color:var(--gold);flex-shrink:0;margin-top:2px}.payment-info-box strong{display:block;font-size:.85rem;color:var(--ink);margin-bottom:.2rem}.payment-info-box p{font-size:.78rem;color:var(--ink-muted);line-height:1.45;margin:0}.payment-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.payment-method-option{position:relative;cursor:pointer}.payment-method-option input{position:absolute;opacity:0;pointer-events:none}.payment-method-content{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft);color:var(--ink);transition:all var(--dur-fast) var(--ease-smooth)}.payment-method-option.selected .payment-method-content,.payment-method-option input:checked~.payment-method-content{border-color:var(--gold);background:#dea1430f;color:var(--gold)}.payment-method-name{font-family:var(--font-utility);font-size:.85rem;font-weight:600}.yape-input-container,.card-input-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft)}.yape-brand{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding-top:.5rem;border-top:1px solid var(--hairline);text-align:center}.yape-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:oklch(.75 .19 290)}.yape-hint{font-size:.72rem;color:var(--ink-muted)}.card-brands{display:flex;align-items:center;gap:.625rem;padding-top:.5rem;border-top:1px solid var(--hairline)}.card-brands img{height:24px;width:auto;opacity:.8;filter:brightness(.95)}.form-checkbox-group{display:flex;align-items:flex-start;gap:.625rem;margin:1rem 0}.form-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:2px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:4px;cursor:pointer;flex-shrink:0;transition:all var(--dur-fast) var(--ease-smooth);position:relative}.form-checkbox:checked{background:var(--gold);border-color:var(--gold)}.form-checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid oklch(.14 .02 60);border-width:0 2px 2px 0;transform:rotate(45deg)}.form-checkbox-label{font-size:.82rem;color:var(--ink-muted);line-height:1.55;cursor:pointer}.form-checkbox-label a{color:var(--gold);text-decoration:underline;text-decoration-color:#f0bc3e66;text-underline-offset:3px}.form-checkbox-label a:hover{text-decoration-color:var(--gold)}.form-submit{width:100%;margin-top:.5rem}.form-submit .btn-loading{display:none;align-items:center;gap:.5rem}.form-submit.loading .btn-text{display:none}.form-submit.loading .btn-loading{display:inline-flex}.spinner{animation:spin .9s linear infinite}.form-footer-text{text-align:center;margin-top:1rem;font-size:.82rem;color:var(--ink-muted)}.form-footer-text a{color:var(--gold);font-weight:500}.form-footer-text a:hover{text-decoration:underline;text-underline-offset:3px}.btn-secondary{--btn-bg: var(--surface);--btn-color: var(--ink);--btn-border: var(--hairline-strong)}.btn-secondary:hover{--btn-bg: var(--elevated-2);--btn-border: var(--hairline-gold);--btn-color: var(--gold)}.form-success#form-success{display:none;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:transparent;border:none;color:inherit;font-size:inherit}.success-animation{width:96px;height:96px;display:flex;align-items:center;justify-content:center;color:var(--success);background:#3cc0781a;border:1px solid oklch(.72 .155 155 / .3);border-radius:50%;margin-bottom:1rem;box-shadow:0 0 40px -8px #3cc07880}.form-success#form-success h4{font-family:var(--font-display);font-size:var(--step-3);font-weight:500;color:var(--ink);margin-bottom:.5rem;font-variation-settings:"SOFT" 30,"opsz" 144}.form-success#form-success>p{color:var(--ink-muted);margin-bottom:1.5rem;max-width:44ch}.download-section{width:100%;margin-bottom:1.5rem}.download-section h5{font-family:var(--font-utility);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.75rem}.download-grid{display:grid;gap:.625rem}.download-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft);text-decoration:none;transition:all var(--dur-fast) var(--ease-smooth)}.download-card:hover{border-color:var(--hairline-gold);background:var(--elevated-2)}.download-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--gold)}.download-info{flex:1;display:flex;flex-direction:column;gap:.15rem;text-align:left}.download-platform{font-family:var(--font-utility);font-size:.85rem;font-weight:600;color:var(--ink)}.download-desc{font-size:.72rem;color:var(--ink-muted)}.download-arrow{color:var(--ink-subtle)}.success-credentials{width:100%;margin-bottom:1.5rem}.success-credentials>p{font-size:.78rem;color:var(--ink-muted);margin-bottom:.5rem}.credentials-box{display:flex;flex-direction:column;gap:.375rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-soft);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-muted);text-align:left}.credentials-box strong{color:var(--ink);font-family:var(--font-mono)}.success-actions{width:100%;margin-bottom:.75rem}.success-actions .btn{width:100%}.success-help{font-size:.78rem;color:var(--ink-muted)}.success-help a{color:var(--gold)}@media(max-width:640px){.modal-overlay{padding:.5rem}.modal{max-height:calc(100vh - 1rem);border-radius:16px}.modal-header{padding:2rem 1.25rem 1.25rem}.modal-body{padding:1.25rem}.form-row-2,.billing-options,.payment-method-selector{grid-template-columns:1fr}}
