html,body{min-height:100%;margin:0;padding:0;overflow-x:clip}html{color-scheme:light;scroll-behavior:smooth}:root{--studio-teal:185 62% 32%;--studio-teal-hover:185 68% 26%;--studio-teal-glow:185 75% 45%;--studio-teal-contrast:0 0% 100%;--studio-gold:42 94% 48%}.dark{color-scheme:dark;--studio-teal:185 75% 52%;--studio-teal-hover:185 80% 60%;--studio-teal-glow:185 85% 65%;--studio-teal-contrast:224 30% 6%;--studio-gold:42 96% 56%}body{background:hsl(var(--cog-bg));color:hsl(var(--cog-fg));font-family:var(--cog-font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}a,button,select,input[type=checkbox]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-toggle-wrap{z-index:50;background:hsl(var(--cog-surface-elevated) / .85);backdrop-filter:blur(12px);border:1px solid hsl(var(--cog-border) / .8);box-shadow:0 4px 12px hsl(var(--cog-shadow-soft) / .1);border-radius:9999px;justify-content:center;align-items:center;padding:.2rem;display:flex;position:fixed;top:1.25rem;left:1.5rem}.login-page{background:radial-gradient(circle at 10% 20%, hsl(var(--cog-surface-elevated)) 0%, hsl(var(--cog-bg)) 100%);box-sizing:border-box;grid-template-columns:minmax(0,1.15fr) minmax(460px,.95fr);min-height:100dvh;display:grid;position:relative;overflow:clip}.ambient-glow{filter:blur(90px);pointer-events:none;z-index:0;opacity:.55;border-radius:50%;position:absolute}.glow-top{background:radial-gradient(circle, hsl(var(--studio-teal) / .2) 0%, transparent 70%);width:38vw;height:38vw;top:-8vw;right:-6vw}.glow-bottom{background:radial-gradient(circle, hsl(var(--studio-gold) / .16) 0%, transparent 70%);width:42vw;height:42vw;bottom:-8vw;left:-5vw}.ambient-grid-overlay{background-image:radial-gradient(hsl(var(--cog-border) / .4) 1px, transparent 1px);pointer-events:none;opacity:.4;z-index:0;background-size:32px 32px;position:absolute;inset:0}.story-panel{z-index:1;justify-content:center;align-items:center;min-width:0;padding:clamp(2.5rem,5vh,4rem) clamp(2rem,4vw,4.5rem);display:flex;position:relative}.story-content{width:min(100%,720px)}.story-brand{flex-direction:column;align-items:flex-start;display:flex}.story-brand .brand-lockup{text-align:left;flex-direction:row;align-items:center;gap:1.25rem;display:inline-flex}.story-brand .brand-logo{object-fit:contain;width:4.25rem;height:4.25rem;filter:drop-shadow(0 4px 12px hsl(var(--studio-teal) / .25))}.story-brand .lockup-text{align-items:flex-start;gap:.18rem}.story-brand .parent{color:hsl(var(--cog-fg));font-family:var(--cog-font-sans);letter-spacing:.14em;font-size:.95rem;font-weight:600}.story-brand .app{color:hsl(var(--cog-fg));font-family:var(--cog-font-display);letter-spacing:.02em;font-size:clamp(2.2rem,3.6vw,2.9rem);font-weight:800}.story-brand .brand-tagline{display:none}.story-copy{margin-top:clamp(1.8rem,3.5vh,2.5rem)}.story-copy h1{max-width:680px;color:hsl(var(--cog-fg));font-family:var(--cog-font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,3.4vw,2.95rem);font-weight:800;line-height:1.08}.story-copy p{max-width:520px;color:hsl(var(--cog-muted-fg));margin:1.1rem 0 0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55}.workflow-graphic{width:min(100%,720px);height:360px;color:hsl(var(--studio-teal));margin-top:1.5rem;position:relative}.workflow-orbit{width:100%;height:100%;position:absolute;inset:0}.pulse-node{transform-origin:50%;transition:transform .3s}.pulse-node-teal{animation:3s ease-in-out infinite alternate pulseTeal}.pulse-node-gold{animation:3s ease-in-out infinite alternate-reverse pulseGold}@keyframes pulseTeal{0%{r:8.5;opacity:.85}to{r:12;opacity:1;filter:drop-shadow(0 0 10px hsl(var(--studio-teal)))}}@keyframes pulseGold{0%{r:8.5;opacity:.85}to{r:12;opacity:1;filter:drop-shadow(0 0 10px hsl(var(--studio-gold)))}}.glow{pointer-events:none;border-radius:50%;position:absolute}.glow-teal,.glow-success{background:radial-gradient(circle, hsl(var(--studio-teal) / .18) 0%, transparent 70%);width:18rem;height:18rem;top:.5rem;left:44%}.glow-accent{background:radial-gradient(ellipse, hsl(var(--cog-accent) / .18) 0%, transparent 72%);width:19rem;height:12rem;bottom:-2rem;left:10%}.workflow-card,.calendar-card{border:1px solid hsl(var(--cog-border) / .85);background:hsl(var(--cog-surface-elevated) / .94);backdrop-filter:blur(12px);box-shadow:0 12px 28px hsl(var(--cog-shadow-soft) / .08), 0 2px 6px hsl(var(--cog-shadow-soft) / .04);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .2s;position:absolute}.workflow-card:hover,.calendar-card:hover{box-shadow:0 20px 36px hsl(var(--cog-shadow-soft) / .14);border-color:hsl(var(--studio-teal) / .5);transform:translateY(-4px)}.float-anim-1{animation:6s ease-in-out infinite floatCard}.float-anim-2{animation:7s ease-in-out 1.5s infinite floatCard}.float-anim-3{animation:8s ease-in-out 3s infinite floatCenter}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes floatCenter{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}.workflow-card{border-radius:var(--cog-radius-md);grid-template-rows:1.2rem .4rem .4rem;grid-template-columns:2.25rem 1fr;column-gap:.8rem;width:9.75rem;min-height:3.5rem;padding:.95rem 1rem .85rem;display:grid}.note-card{top:3.2rem;left:0}.rhythm-card{bottom:1.2rem;left:0}.campaign-card{top:7.5rem;right:.5rem}.workflow-icon{border-radius:50%;grid-row:1/4;place-items:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:700;display:grid}.workflow-icon svg{width:1.35rem;height:1.35rem}.icon-teal{background:hsl(var(--studio-teal));color:hsl(var(--studio-teal-contrast,0 0% 100%))}.icon-accent{background:hsl(var(--studio-gold));color:#1a1a1a}.workflow-label{color:hsl(var(--cog-fg));white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;line-height:1.2;overflow:hidden}.workflow-line{background:hsl(var(--cog-border));border-radius:999px;align-self:center;height:.33rem;display:block}.line-long{width:100%}.line-short{width:65%}.calendar-card{border-radius:var(--cog-radius-md);width:18.5rem;height:14.5rem;padding:1.25rem 1.05rem 1rem;top:4.5rem;left:50%;transform:translate(-50%)}.calendar-toolbar{justify-content:space-between;padding:0 1.05rem 1rem;display:flex}.calendar-toolbar span{background:hsl(var(--cog-border));border-radius:999px;width:1.1rem;height:.34rem}.calendar-grid{border:1px solid hsl(var(--cog-border));background-image:linear-gradient(hsl(var(--cog-border) / .7) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--cog-border) / .7) 1px, transparent 1px);border-radius:var(--cog-radius-sm);background-size:25% 25%;height:11.5rem;position:relative;overflow:hidden}.calendar-dot{border-radius:50%;width:.72rem;height:.72rem;position:absolute}.calendar-pill{border-radius:999px;width:3rem;height:.5rem;position:absolute}.dot-teal{background:hsl(var(--studio-teal))}.dot-accent{background:hsl(var(--studio-gold))}.pill-teal{background:hsl(var(--studio-teal) / .25)}.pill-accent{background:hsl(var(--studio-gold) / .3)}.dot-one{top:1.7rem;left:58%}.pill-one{top:1.8rem;left:66%}.dot-two{top:4.65rem;left:28%}.pill-two{top:4.78rem;left:36%}.dot-three{top:7.45rem;left:42%}.pill-three{top:7.58rem;left:50%}.dot-four{top:9.7rem;left:9%}.pill-four{top:9.82rem;left:17%}.auth-panel{z-index:1;justify-content:center;align-items:center;min-width:0;padding:clamp(2.5rem,5vh,4rem) clamp(1.5rem,3.5vw,3.5rem);display:flex;position:relative}.auth-card{box-sizing:border-box;border:1px solid hsl(var(--cog-border) / .85);border-radius:var(--cog-radius-lg);background:hsl(var(--cog-surface-elevated) / .95);backdrop-filter:blur(16px);width:min(100%,39rem);box-shadow:0 24px 48px hsl(var(--cog-shadow-soft) / .12), 0 4px 12px hsl(var(--cog-shadow-soft) / .05);padding:clamp(1.75rem,3.5vh,2.25rem) clamp(1.5rem,3vw,2.25rem);transition:box-shadow .25s,border-color .25s;position:relative}.auth-card:hover{border-color:hsl(var(--studio-teal) / .35)}.progress-meta{color:hsl(var(--studio-teal));grid-template-columns:auto minmax(6.5rem,1fr) auto;align-items:center;gap:.85rem;margin-bottom:.75rem;font-size:.82rem;line-height:1;display:grid}.progress-count{white-space:nowrap;font-weight:700}.progress-track{background:hsl(var(--cog-border));border-radius:999px;height:.35rem;display:block;position:relative;overflow:visible}.progress-track span,.progress-track .progress-fill{border-radius:inherit;background:hsl(var(--studio-teal));width:50%;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.progress-track span:after,.progress-track .progress-fill:after{background:hsl(var(--studio-teal));width:.75rem;height:.75rem;box-shadow:0 0 8px hsl(var(--studio-teal));content:"";border-radius:50%;position:absolute;top:50%;right:-.35rem;transform:translateY(-50%)}.reviewed-by{color:hsl(var(--cog-muted-fg));letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:inline-flex}.reviewed-by svg,.privacy-copy svg{flex:none;width:1rem;height:1rem}.request-heading,.auth-heading{margin-bottom:1.4rem}.eyebrow{color:hsl(var(--studio-teal));letter-spacing:.08em;margin-bottom:.35rem;font-size:.82rem;font-weight:700;display:block}.request-heading h2,.auth-heading h2{color:hsl(var(--cog-fg));font-family:var(--cog-font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.65rem,2.4vw,2.15rem);font-weight:800;line-height:1.12}.request-heading p,.auth-heading p{color:hsl(var(--cog-muted-fg));margin:.45rem 0 0;font-size:.95rem;line-height:1.5}.auth-form .field,.access-form .field{margin-bottom:1.1rem}.field label{color:hsl(var(--cog-fg));margin-bottom:.45rem;font-size:.9rem;font-weight:600;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{width:1.15rem;height:1.15rem;color:hsl(var(--cog-muted-fg));pointer-events:none;transition:color .16s;position:absolute;left:.95rem}.field input,.field select,.field input[type=text],.field input[type=email],.field input[type=password],.input-wrap input,.input-wrap select{box-sizing:border-box;border:1px solid hsl(var(--cog-input));border-radius:var(--cog-radius-sm);background:hsl(var(--cog-surface-elevated));width:100%;min-height:2.85rem;color:hsl(var(--cog-fg));font:inherit;outline:none;padding:0 .95rem 0 2.75rem;font-size:.95rem;transition:border-color .16s,box-shadow .16s,background .16s}.input-wrap input,.input-wrap input[type=text],.input-wrap input[type=email],.input-wrap input[type=password]{padding-left:2.75rem}.field input::placeholder,.field select:invalid{color:hsl(var(--cog-muted-fg));opacity:.8}.field input:focus,.field select:focus,.field input[type=text]:focus,.field input[type=email]:focus,.field input[type=password]:focus{border-color:hsl(var(--studio-teal));box-shadow:0 0 0 3px hsl(var(--studio-teal) / .2);background:hsl(var(--cog-surface-elevated))}.field input:focus+.input-icon,.input-wrap:focus-within .input-icon{color:hsl(var(--studio-teal))}.select-wrap select{appearance:none;cursor:pointer;padding-right:2.75rem}.select-chevron{pointer-events:none;width:1.2rem;height:1.2rem;color:hsl(var(--cog-muted-fg));position:absolute;top:50%;right:.95rem;transform:translateY(-50%)}.password-wrap input,.password-wrap input[type=password],.password-wrap input[type=text]{padding-right:3.4rem}.password-toggle{border-radius:var(--cog-radius-sm);min-width:2.75rem;min-height:2.75rem;color:hsl(var(--cog-muted-fg));cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-toggle:hover{color:hsl(var(--cog-fg));background:hsl(var(--cog-muted) / .4)}.password-toggle svg{width:1.35rem;height:1.35rem}.password-toggle .icon-eye-hide,.password-toggle.is-revealed .icon-eye-show{display:none}.password-toggle.is-revealed .icon-eye-hide{display:block}.password-toggle:focus-visible{outline:2px solid hsl(var(--studio-teal));outline-offset:2px}.form-options{justify-content:space-between;align-items:center;gap:1rem;margin:.45rem 0 1.35rem;display:flex}.remember-control{min-height:2.5rem;color:hsl(var(--cog-fg));cursor:pointer;user-select:none;align-items:center;gap:.6rem;font-size:.92rem;display:inline-flex}.remember-control input{width:1.15rem;height:1.15rem;min-height:auto;accent-color:hsl(var(--studio-teal));cursor:pointer;border-radius:4px;margin:0;padding:0}.submit-button{border-radius:var(--cog-radius-sm);background:hsl(var(--studio-teal));width:100%;min-height:3rem;color:hsl(var(--studio-teal-contrast,0 0% 100%));font-family:var(--cog-font-sans);letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 14px hsl(var(--studio-teal) / .28);border:0;justify-content:center;align-items:center;gap:.6rem;font-size:1rem;font-weight:600;transition:background .18s,transform .16s,box-shadow .18s;display:flex;position:relative}.submit-button:hover:not(:disabled){background:hsl(var(--studio-teal-hover));box-shadow:0 6px 20px hsl(var(--studio-teal) / .38)}.submit-button:active:not(:disabled){transform:scale(.985)}.submit-button:disabled{opacity:.75;cursor:not-allowed}.submit-button:focus-visible{outline:2px solid hsl(var(--studio-teal));outline-offset:2px}.arrow-glyph{transition:transform .18s;display:inline-block}.submit-button:hover .arrow-glyph{transform:translate(3px)}.btn-spinner:not([hidden]){border:2px solid hsl(var(--cog-border) / .6);border-top-color:currentColor;border-radius:50%;width:1.1rem;height:1.1rem;animation:.6s linear infinite spin;display:inline-block}.alert{border-radius:var(--cog-radius-sm);align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.9rem;animation:.2s fadeInAlert;display:flex}.alert[hidden],.alert:empty{display:none}.alert-danger{border:1px solid hsl(var(--cog-danger) / .45);background:hsl(var(--cog-danger) / .1);color:hsl(var(--cog-danger))}.alert-icon{flex:none;width:1.25rem;height:1.25rem}.field.is-invalid input,.field.is-invalid select{border-color:hsl(var(--cog-danger));box-shadow:0 0 0 3px hsl(var(--cog-danger) / .18)}.field-error{color:hsl(var(--cog-danger));margin-top:.4rem;font-size:.82rem;font-weight:500;display:none}.field.is-invalid .field-error{animation:.16s fadeInAlert;display:block}.access-success-card{text-align:center;padding:1.8rem 1rem;animation:.3s cubic-bezier(.16,1,.3,1) fadeInAlert}.access-success-card h3{font-size:1.5rem;font-weight:800;font-family:var(--cog-font-display);color:hsl(var(--cog-fg));margin:.25rem 0 .5rem}.access-success-card p{color:hsl(var(--cog-muted-fg));margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.success-icon{background:hsl(var(--cog-success) / .15);width:3.75rem;height:3.75rem;color:hsl(var(--cog-success));box-shadow:0 0 24px hsl(var(--cog-success) / .25);border-radius:50%;place-items:center;margin:0 auto 1.1rem;display:grid}.success-icon svg{width:2rem;height:2rem}.btn-outline{border:1px solid hsl(var(--cog-border));border-radius:var(--cog-radius-sm);background:hsl(var(--cog-surface-elevated));min-height:2.85rem;color:hsl(var(--cog-fg));justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.btn-outline:hover{background:hsl(var(--cog-card));border-color:hsl(var(--studio-teal));box-shadow:0 2px 8px hsl(var(--cog-shadow-soft) / .08)}.btn-outline:focus-visible{outline:2px solid hsl(var(--studio-teal));outline-offset:2px}.privacy-copy{color:hsl(var(--cog-muted-fg));text-align:center;justify-content:center;align-items:center;gap:.55rem;margin:1.1rem 0 .85rem;font-size:.8rem;line-height:1.4;display:flex}.or-divider{color:hsl(var(--cog-muted-fg));align-items:center;gap:.85rem;margin:1.25rem 0 .85rem;font-size:.84rem;display:flex}.or-divider:before,.or-divider:after{background:hsl(var(--cog-border));content:"";flex:1;height:1px}.access-hint{border:1px solid hsl(var(--cog-border));border-radius:var(--cog-radius-sm);background:hsl(var(--cog-surface-elevated));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;margin:.85rem 0 0;padding:.9rem 1rem;transition:border-color .16s,box-shadow .16s;display:grid}.access-hint:hover{border-color:hsl(var(--studio-teal) / .45);box-shadow:0 2px 10px hsl(var(--cog-shadow-soft) / .08)}.access-hint-icon{background:hsl(var(--studio-teal) / .12);width:2.1rem;height:2.1rem;color:hsl(var(--studio-teal));border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.access-hint-icon svg{width:1.15rem;height:1.15rem}.access-hint-copy{min-width:0}.access-hint-title{color:hsl(var(--cog-fg));margin:0;font-size:.9rem;font-weight:600}.access-hint-body{color:hsl(var(--cog-muted-fg));margin:.15rem 0 0;font-size:.82rem;line-height:1.45}.access-hint-action{border:1px solid hsl(var(--cog-border));background:hsl(var(--cog-card));min-height:2.75rem;color:hsl(var(--studio-teal));white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem 1.1rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.access-hint-action .arrow-glyph{transition:transform .16s}.access-hint-action:hover{border-color:hsl(var(--studio-teal));background:hsl(var(--cog-surface-elevated));box-shadow:0 2px 8px hsl(var(--cog-shadow-soft) / .08);text-decoration:none}.access-hint-action:hover .arrow-glyph{transform:translate(2px)}.access-hint-action:focus-visible{outline:2px solid hsl(var(--studio-teal));outline-offset:2px}.form-link{color:hsl(var(--studio-teal));font-weight:600;text-decoration:none;transition:color .15s}.form-link:hover{text-underline-offset:.2em;text-decoration:underline}.form-link:focus-visible{outline:2px solid hsl(var(--studio-teal));outline-offset:2px;border-radius:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInAlert{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.login-page{grid-template-columns:minmax(0,1fr) minmax(440px,1fr)}.story-panel{padding:2rem}.workflow-graphic{height:330px}.auth-card{padding:1.75rem 1.6rem}}@media (width<=920px){.login-page{flex-direction:column;min-height:100dvh;display:flex}.story-panel{padding:4.5rem 1.5rem 1.5rem}.story-copy{margin-top:1.75rem}.story-copy h1{font-size:clamp(2.2rem,6vw,3rem)}.desktop-break,.workflow-graphic{display:none}.auth-panel{padding:1.25rem 1.25rem 3.5rem}.auth-card{width:min(100%,36rem)}}@media (width<=520px){.access-hint{grid-template-columns:auto minmax(0,1fr);row-gap:.35rem}.access-hint-action{grid-column:2;justify-self:start}.theme-toggle-wrap{top:.75rem;left:.75rem}.story-panel{padding:3.5rem 1.25rem 1rem}.story-brand .brand-lockup{gap:.8rem}.story-brand .brand-logo{width:3.4rem;height:3.4rem}.story-brand .parent{font-size:.8rem}.story-brand .app{font-size:1.95rem}.auth-panel{padding:1rem 1rem 2.5rem}.auth-card{border-radius:var(--cog-radius-md);padding:1.5rem 1.2rem}.progress-meta{grid-template-columns:auto 1fr}.reviewed-by{grid-column:1/-1;justify-self:end}.request-heading h2,.auth-heading h2{font-size:1.75rem}.privacy-copy{text-align:left;align-items:flex-start}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}