.drama-studio-page{--drama-studio-accent:#a78bfa;--drama-studio-accent-strong:#7c3aed;--drama-studio-accent-soft:#a78bfa24;--drama-studio-border:#ffffff1a;--drama-studio-surface:#ffffff09;min-height:100vh;color:var(--premium-white);background:#08080d;overflow:hidden}.drama-studio-page__main{flex-direction:column;display:flex}.drama-studio-page-hero-section{isolation:isolate;background:radial-gradient(circle at 50% -18%, #8b5cf630, transparent 46%), var(--premium-black);padding:6.5rem 0 5.5rem;position:relative;overflow:hidden}.drama-studio-page-hero-section:before{z-index:-2;content:"";pointer-events:none;opacity:.23;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.drama-studio-page-hero-section__glow{z-index:-1;pointer-events:none;filter:blur(90px);background:#8b5cf624;border-radius:50%;width:38rem;height:24rem;position:absolute;top:-10rem;left:50%;transform:translate(-50%)}.drama-studio-page-hero-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-hero-section__copy{text-align:center;flex-direction:column;align-items:center;max-width:960px;margin:0 auto;display:flex}.drama-studio-page-hero-section__eyebrow{color:#c4b5fd;min-height:2rem;font-family:var(--font-inter);letter-spacing:.13em;text-transform:uppercase;background:#8b5cf617;border:1px solid #a78bfa47;border-radius:999px;align-items:center;margin-bottom:1.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:650;line-height:1;display:inline-flex}.drama-studio-page-hero-section__title{max-width:960px;color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.052em;text-wrap:balance;margin:0;font-size:36px;font-weight:720;line-height:1.2}@media (min-width:640px){.drama-studio-page-hero-section__title{font-size:42px}}.drama-studio-page-hero-section__title:after{content:"";background:linear-gradient(90deg, transparent, var(--drama-studio-accent), transparent);width:9rem;height:1px;margin:1.8rem auto 0;display:block}.drama-studio-page-hero-section__subtitle{max-width:780px;color:var(--premium-white-secondary);font-family:var(--font-inter);text-wrap:balance;margin:1.75rem 0 0;font-size:16px;font-weight:400;line-height:1.75}.drama-studio-page-my-projects-section{background-color:var(--premium-black);padding:6rem 0}.drama-studio-page-my-projects-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-my-projects-section__header{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem;margin-bottom:3rem;display:grid}.drama-studio-page-my-projects-section__title{max-width:750px;color:var(--premium-white);font-family:var(--font-geist);align-items:center;gap:.5rem;margin:0;font-size:28px;font-weight:700;line-height:1.3;display:flex}.drama-studio-page-my-projects-section__title-icon{width:35px;height:35px;color:inherit;flex:none}@media (min-width:640px){.drama-studio-page-my-projects-section__title{font-size:36px}.drama-studio-page-my-projects-section__title-icon{width:40px;height:40px}}.drama-studio-page-my-projects-section__subtitle{max-width:600px;color:var(--premium-white-secondary);font-family:var(--font-inter);text-align:left;margin:0;font-size:16px;line-height:1.6}.drama-studio-page-my-projects-section__empty-state{isolation:isolate;border:.5px solid var(--drama-studio-border);background:linear-gradient(145deg,#8b5cf624,#ffffff06 55%),#0e0d15;border-radius:1.5rem;grid-template-columns:minmax(15rem,.75fr) minmax(18rem,1.25fr);align-items:center;gap:4rem;min-height:22rem;margin-top:0;padding:3.5rem 5rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.drama-studio-page-my-projects-section__empty-state:before{z-index:-2;content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#ffffff59 .6px,#0000 .6px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.drama-studio-page-my-projects-section__decor{z-index:-1;pointer-events:none;filter:blur(80px);border-radius:50%;width:18rem;height:18rem;position:absolute}.drama-studio-page-my-projects-section__decor--left{background:#3b82f633;bottom:-11rem;left:-7rem}.drama-studio-page-my-projects-section__decor--right{background:#a855f740;top:-11rem;right:-7rem}.drama-studio-page-my-projects-section__create-button{color:#111018;min-height:2.75rem;font-family:var(--font-inter);white-space:nowrap;background:#f7f5ff;border:1px solid #ffffffb3;border-radius:999px;grid-area:1/2/3;justify-content:center;place-self:end;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.86rem;font-weight:680;line-height:1;text-decoration:none;transition:box-shadow .18s,transform .18s,background-color .18s;display:inline-flex;box-shadow:0 12px 30px #8b5cf633}.drama-studio-page-my-projects-section__create-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px #8b5cf647}.drama-studio-page-my-projects-section__create-button:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}.drama-studio-page-my-projects-section__create-button-icon{stroke-width:2px;flex:none;width:1rem;height:1rem}.drama-studio-page-my-projects-section__create-button--empty{text-align:center;white-space:normal;width:fit-content;max-width:100%;margin-top:1.5rem}.drama-studio-page-my-projects-section__visual{width:min(100%,19rem);height:14rem;margin:0 auto;position:relative}.drama-studio-page-my-projects-section__visual-card{border:1px solid #ffffff1c;border-radius:1rem;flex-direction:column;justify-content:flex-end;width:12.5rem;height:9.5rem;padding:1.25rem;display:flex;position:absolute}.drama-studio-page-my-projects-section__visual-card--back{color:#ffffff4d;background:#ffffff09;top:.5rem;right:.25rem;transform:rotate(8deg)}.drama-studio-page-my-projects-section__visual-card--front{color:#c4b5fd;background:linear-gradient(145deg,#191625,#0f0e16);bottom:.25rem;left:.25rem;transform:rotate(-5deg);box-shadow:0 24px 60px #00000057}.drama-studio-page-my-projects-section__visual-card-icon{stroke-width:1.55px;width:2rem;height:2rem;margin-bottom:auto}.drama-studio-page-my-projects-section__visual-line{background:#ffffff21;border-radius:999px;width:72%;height:.45rem;margin-top:.55rem;display:block}.drama-studio-page-my-projects-section__visual-line--short{background:#a78bfa4d;width:46%}.drama-studio-page-my-projects-section__empty-copy{max-width:540px}.drama-studio-page-my-projects-section__empty-title{color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,2.5vw,2.35rem);font-weight:680;line-height:1.15}.drama-studio-page-my-projects-section__empty-description{max-width:500px;color:var(--premium-white-secondary);font-family:var(--font-inter);margin:1rem 0 0;font-size:.98rem;line-height:1.7}.drama-studio-page-how-it-works-section{background-color:var(--premium-black);padding:6rem 0}.drama-studio-page-how-it-works-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-how-it-works-section__header{text-align:center;max-width:760px;margin:0 auto}.drama-studio-page-how-it-works-section__eyebrow{color:#a78bfa;font-family:var(--font-inter);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:650}.drama-studio-page-how-it-works-section__title{color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.035em;margin:.65rem 0 0;font-size:28px;font-weight:700;line-height:1.05}@media (min-width:640px){.drama-studio-page-how-it-works-section__title{font-size:36px}}.drama-studio-page-how-it-works-section__subtitle{color:var(--premium-white-secondary);font-family:var(--font-inter);text-wrap:balance;margin:1rem auto 0;font-size:16px;line-height:1.7}.drama-studio-page-how-it-works-section__steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin:4rem 0 0;padding:0;list-style:none;display:grid}.drama-studio-page-how-it-works-section__step{border:1px solid var(--drama-studio-border);background:var(--drama-studio-surface);border-radius:1.15rem;min-height:18.5rem;padding:1.35rem;transition:border-color .18s,transform .18s,background-color .18s;position:relative;overflow:hidden}.drama-studio-page-how-it-works-section__step:after{content:"";pointer-events:none;opacity:0;filter:blur(24px);background:#8b5cf62e;border-radius:50%;width:7rem;height:7rem;transition:opacity .18s;position:absolute;bottom:-2rem;right:-2rem}.drama-studio-page-how-it-works-section__step:hover{background:#a78bfa0e;border-color:#a78bfa47;transform:translateY(-4px)}.drama-studio-page-how-it-works-section__step:hover:after{opacity:1}.drama-studio-page-how-it-works-section__step-top{justify-content:space-between;align-items:flex-start;display:flex}.drama-studio-page-how-it-works-section__step-number{color:#ffffff42;font-family:var(--font-geist);letter-spacing:.08em;font-size:.78rem;font-weight:650}.drama-studio-page-how-it-works-section__step-icon-wrap{color:#c4b5fd;background:#8b5cf614;border:1px solid #a78bfa38;border-radius:.9rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.drama-studio-page-how-it-works-section__step-icon{stroke-width:1.65px;width:1.25rem;height:1.25rem}.drama-studio-page-how-it-works-section__step-title{color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.018em;margin:3.25rem 0 0;font-size:1.16rem;font-weight:650;line-height:1.3}.drama-studio-page-how-it-works-section__step-description{color:#ffffff8a;font-family:var(--font-inter);margin:.85rem 0 0;font-size:.86rem;line-height:1.65}.drama-studio-page-cta-section{background-color:var(--premium-black);padding:6rem 0}.drama-studio-page-cta-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-cta-section__panel{isolation:isolate;text-align:center;background:linear-gradient(145deg,#8b5cf624,#ffffff06 55%),#0e0d15;border:.5px solid #a78bfa38;border-radius:1.75rem;flex-direction:column;align-items:center;padding:6.5rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.drama-studio-page-cta-section__panel:before{z-index:-2;content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#ffffff59 .6px,#0000 .6px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.drama-studio-page-cta-section__decor{z-index:-1;pointer-events:none;filter:blur(80px);border-radius:50%;width:18rem;height:18rem;position:absolute}.drama-studio-page-cta-section__decor--left{background:#3b82f633;bottom:-11rem;left:-7rem}.drama-studio-page-cta-section__decor--right{background:#a855f740;top:-11rem;right:-7rem}.drama-studio-page-cta-section__title{max-width:750px;color:var(--premium-white);font-family:var(--font-geist);margin:0;font-size:28px;font-weight:700;line-height:1.3}@media (min-width:640px){.drama-studio-page-cta-section__title{font-size:36px}}.drama-studio-page-cta-section__description{max-width:485px;color:var(--premium-white-secondary);font-family:var(--font-inter);margin:1.35rem 0 0;font-size:16px;line-height:1.6}.drama-studio-page-cta-section__button{--drama-studio-cta-button-radius:36px;--drama-studio-cta-shimmer-spread:72deg;--drama-studio-cta-shimmer-speed:3.8s;--drama-studio-cta-shimmer-cut:.065em;--drama-studio-cta-shimmer-blur:1.35px;isolation:isolate;border-radius:var(--drama-studio-cta-button-radius);min-width:240px;min-height:55px;color:var(--premium-white);background:var(--premium-black);font-family:var(--font-inter);justify-content:center;align-items:center;margin-top:2.15rem;padding:0 1.5rem;font-size:18px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 8px 2px #22d3ee4d,0 0 20px 4px #34d39926}.drama-studio-page-cta-section__button-shimmer-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible;container-type:size}.drama-studio-page-cta-section__button-shimmer-slide{aspect-ratio:1.5;will-change:translate;height:100cqh;animation:dramaStudioCtaShimmerSlide var(--drama-studio-cta-shimmer-speed) linear infinite;position:absolute;inset:0}.drama-studio-page-cta-section__button-shimmer-spin{background:conic-gradient(from calc(270deg - (var(--drama-studio-cta-shimmer-spread) * .5)), transparent 0deg, transparent calc(var(--drama-studio-cta-shimmer-spread) * .14), #f59e0b calc(var(--drama-studio-cta-shimmer-spread) * .32), #84cc16 calc(var(--drama-studio-cta-shimmer-spread) * .46), #34d399 calc(var(--drama-studio-cta-shimmer-spread) * .6), #22d3ee calc(var(--drama-studio-cta-shimmer-spread) * .74), #3b82f6 calc(var(--drama-studio-cta-shimmer-spread) * .88), #8b5cf6 var(--drama-studio-cta-shimmer-spread), transparent calc(var(--drama-studio-cta-shimmer-spread) + .5deg));will-change:transform;width:auto;filter:blur(var(--drama-studio-cta-shimmer-blur));animation:dramaStudioCtaSpinAround var(--drama-studio-cta-shimmer-speed) linear infinite;position:absolute;inset:-100%}.drama-studio-page-cta-section__button-bg{inset:var(--drama-studio-cta-shimmer-cut);z-index:1;border-radius:inherit;pointer-events:none;background:inherit;position:absolute}.drama-studio-page-cta-section__button:hover{opacity:.92;transform:translateY(-1px)}.drama-studio-page-cta-section__button:focus-visible{outline-offset:4px;outline:2px solid #c4b5fd}.drama-studio-page-cta-section__button-text{z-index:2;font:inherit;line-height:1;position:relative}@keyframes dramaStudioCtaSpinAround{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dramaStudioCtaShimmerSlide{0%{translate:0}50%{translate:calc(100cqw - 100%)}to{translate:0}}@media (max-width:1100px){.drama-studio-page-how-it-works-section__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.drama-studio-page-how-it-works-section__step{min-height:16rem}}@media (max-width:820px){.drama-studio-page-hero-section{padding-top:5rem;padding-bottom:5rem}.drama-studio-page-cta-section__panel{padding:5rem 2rem}}@media (max-width:768px){.drama-studio-page-my-projects-section__empty-state{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2rem;padding:3rem}}@media (max-width:767px){.drama-studio-page-cta-section__button{width:fit-content;min-width:0;max-width:100%}}@media (max-width:640px){.drama-studio-page-hero-section__container,.drama-studio-page-how-it-works-section__container,.drama-studio-page-cta-section__container{padding-left:1.25rem;padding-right:1.25rem}.drama-studio-page-hero-section{padding-top:4.25rem;padding-bottom:4rem}.drama-studio-page-hero-section__subtitle{line-height:1.65}.drama-studio-page-my-projects-section,.drama-studio-page-how-it-works-section,.drama-studio-page-cta-section{padding:4rem 0}.drama-studio-page-my-projects-section__header{grid-template-columns:minmax(0,1fr);margin-bottom:2.25rem}.drama-studio-page-my-projects-section__empty-state{text-align:center;border-radius:1.15rem;grid-template-columns:1fr;gap:1.5rem;min-height:0;margin-top:0;padding:2.5rem 1.25rem}.drama-studio-page-my-projects-section__create-button{grid-area:auto/1;max-width:100%}.drama-studio-page-my-projects-section__visual{transform:scale(.88)}.drama-studio-page-my-projects-section__empty-copy{margin:0 auto}.drama-studio-page-my-projects-section__empty-description{margin-left:auto;margin-right:auto}.drama-studio-page-how-it-works-section__steps{grid-template-columns:1fr;gap:.75rem;margin-top:2.75rem}.drama-studio-page-how-it-works-section__step{min-height:0;padding:1.35rem}.drama-studio-page-how-it-works-section__step-title{margin-top:2rem}.drama-studio-page-cta-section__panel{border-radius:1.25rem;padding:4.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.drama-studio-page-my-projects-section__create-button,.drama-studio-page-how-it-works-section__step,.drama-studio-page-cta-section__button{transition:none}.drama-studio-page-cta-section__button-shimmer-slide,.drama-studio-page-cta-section__button-shimmer-spin{animation:none}}