@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0d0f18;--card:#191c28;--card2:#222536;--border:#34394c;--text:#f8f7ff;--muted:#9ea5bc;--violet:#853aff;--blue:#2f75ff;--coral:#ff6472;--shade:0 22px 55px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.1;letter-spacing:-.04em}h1,h2,h3,p{margin-top:0}button,select,input{border-radius:5px}button{border:1px solid var(--border);color:var(--text);background:var(--card2);padding:12px 18px}button:hover,a:hover{filter:brightness(1.1)}.topbar{background:#0e1019e8;border-bottom:1px solid #2f3242;position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.topbar-inner{max-width:1400px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:36px}.logo{font:800 30px/1 Outfit,sans-serif;letter-spacing:.11em}.logo span,.site-footer b span{color:var(--violet)}.desktop-links{display:flex;align-items:center;gap:27px;margin-left:auto;color:#c5c8d7;font-weight:700;font-size:13px}.hamburger{width:44px;height:42px;margin-left:8px;padding:10px;background:transparent;border:1px solid transparent;display:grid;align-content:center;gap:5px}.hamburger i{display:block;background:white;height:2px;width:100%;transition:transform .2s,opacity .2s}body.menu-open .hamburger i:first-child{transform:translateY(7px) rotate(45deg)}body.menu-open .hamburger i:nth-child(2){opacity:0}body.menu-open .hamburger i:last-child{transform:translateY(-7px) rotate(-45deg)}body.menu-open{overflow:hidden}.menu-scrim{position:fixed;inset:0;background:#03030abb;z-index:41}.menu-scrim[hidden]{display:none}.pop-menu{position:fixed;z-index:42;top:78px;right:max(12px,calc((100vw - 1400px)/2 + 24px));width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 95px);overflow:auto;padding:21px;background:#1b1d2df5;border:1px solid #545075;box-shadow:var(--shade);border-radius:12px;opacity:0;visibility:hidden;transform-origin:top right;transform:translate(20px,-22px) scale(.92);transition:transform .28s ease,opacity .28s ease,visibility .28s}.pop-menu.is-open{opacity:1;visibility:visible;transform:none}.menu-search{display:flex;background:#292b3b;border:1px solid #4c4c65;margin-bottom:17px}.menu-search input{min-width:0;width:100%;border:0;background:none;color:white;padding:12px}.menu-search button{border:0;background:none;font-size:23px}.pop-menu>a:not(.menu-cta),.pop-menu>form:not(.menu-search) button{display:flex;gap:21px;align-items:center;font-size:19px;padding:11px 12px;background:none;border:0;width:100%;text-align:left;color:white}.pop-menu>a>span{font-size:16px}.menu-separator{height:1px;background:#49485c;margin:8px 0}.pop-menu .menu-cta{display:block;text-align:center;font-size:14px;font-weight:800;letter-spacing:.06em;margin-top:16px;padding:14px;background:linear-gradient(105deg,var(--violet),#533ce7)}.notice{background:#244a43;color:#fff;padding:13px 5%;text-align:center}.notice.error{background:#73303f}.explore-page{max-width:1400px;margin:0 auto;padding:64px 32px 110px}.explore-intro{margin-bottom:28px}.explore-eyebrow,.overline{font-weight:800;color:#a09bbd;letter-spacing:.2em;font-size:11px}.explore-intro h1{font-size:clamp(45px,6vw,80px);font-weight:800;margin:7px 0}.explore-intro h1 span{background:linear-gradient(105deg,#ad51ff,#4b8cff,#28b6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.explore-intro p{max-width:700px;color:var(--muted);font-size:18px}.explore-filter{display:flex;gap:12px;align-items:stretch;margin:26px 0 52px}.search-wrap{display:flex;gap:14px;flex:1;align-items:center;background:#1b1e29;border:1px solid #3b4056;padding:0 17px;min-width:0}.search-wrap span{font-size:31px;color:#c4c7dd}.search-wrap input{width:100%;height:52px;background:none;border:0;color:white;outline:none}.explore-filter select{min-width:175px;background:#202333;color:white;border:1px solid #42465b;padding:10px}.explore-filter button{background:linear-gradient(120deg,#6835e8,#346ff4);border:0;font-weight:800;padding:0 24px}.explore-subhead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.explore-subhead h2{font-size:clamp(27px,3vw,42px);margin:0}.explore-subhead h2 span{font:500 15px 'DM Sans';color:var(--muted)}.explore-subhead p,.explore-subhead a{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:700}.creators-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.creator-card{background:linear-gradient(135deg,#1c202c,#161820);border:1px solid #343849;border-radius:13px;overflow:hidden;box-shadow:var(--shade);min-width:0}.creator-cover{height:170px;background:radial-gradient(ellipse at 76% 28%,#ffaab5 0%,transparent 34%),linear-gradient(145deg,#462673 10%,#be586f 47%,#1e527d 75%,#0e2440);position:relative;background-size:cover;background-position:center}.creator-card:nth-child(3n+2) .creator-cover{background-color:#243b67;background-image:radial-gradient(ellipse at 20% 20%,#e6ad6f,transparent 39%),linear-gradient(130deg,#476c69,#13264c 70%)}.creator-card:nth-child(3n+3) .creator-cover{background-color:#67376d;background-image:radial-gradient(ellipse at 65% 40%,#eb688b,transparent 50%),linear-gradient(135deg,#45295f,#203973)}.creator-category{position:absolute;top:15px;right:15px;background:#0a0e1bcf;padding:6px 11px;font-size:11px;border:1px solid #ffffff42}.creator-body{text-align:center;padding:0 20px 20px}.creator-avatar{height:110px;width:110px;display:grid;place-items:center;margin:-55px auto 9px;border-radius:50%;position:relative;background:linear-gradient(140deg,#754aff,#1a87fa);border:4px solid #9260ff;box-shadow:0 0 0 5px #1c202c;overflow:hidden}.creator-avatar img{height:100%;width:100%;object-fit:cover}.creator-avatar span{font:800 48px Outfit}.creator-body h3{font-size:24px;margin:9px 0 1px;letter-spacing:-.02em}.creator-handle{color:#989fb7;font-size:14px}.creator-bio{min-height:46px;color:#bdc1d3;margin:14px 0 9px;font-size:13px}.creator-stat{color:#c4c8da;font-size:12px;margin:8px 0 18px}.creator-stat span{margin:0 12px;color:#656b81}.creator-actions{display:flex;gap:9px}.creator-actions a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:13px 11px;font-weight:800;font-size:11px;white-space:nowrap;border:1px solid #8d4dff;border-radius:5px}.creator-actions .creator-price{justify-content:center;color:white;border:none;background:linear-gradient(115deg,#f5626a,#f43b8c);flex:0 0 43%}.pager{margin-top:30px}.empty-creators{grid-column:1/-1;background:#171a27;border:1px dashed #4b4d69;text-align:center;padding:80px 16px}.empty-creators h2{font-size:36px}.empty-creators p{color:var(--muted)}.empty-creators a{color:#b692ff}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:600px;border-bottom:1px solid #39354c}.landing-copy{padding:90px max(35px,calc((100vw - 1300px)/2)) 75px;align-self:center}.landing-copy h1{font-size:clamp(57px,6vw,100px);margin:22px 0}.landing-copy h1 em,.explore-subhead em{font-style:normal;color:#9e58ff}.landing-copy>p:not(.overline){font-size:19px;color:#adb2ca;max-width:520px}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-actions a,.admin-quick a{padding:16px 20px;background:#6d3eed;font-weight:800;font-size:12px;letter-spacing:.06em}.landing-actions a+ a{background:transparent;border:1px solid #614da0}.hero-visual{overflow:hidden;min-height:520px;background:linear-gradient(145deg,#4d3de4,#3a5aef 65%,#d8497c);position:relative;padding:60px}.hero-type{font:900 clamp(90px,10vw,180px)/.87 Outfit;letter-spacing:-.11em}.hero-shape{position:absolute;font-size:470px;color:#ff789e;right:-110px;bottom:-200px;line-height:1}.hero-visual small{position:absolute;bottom:30px;left:40px;font-weight:800;letter-spacing:.2em}.home-explore{padding-top:80px}.stories-section{background:#131522;padding:85px max(30px,calc((100vw - 1300px)/2))}.story-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-list article{padding:26px;background:#232536;border:1px solid #363a4e}.story-list article p{color:var(--muted)}.story-list article h3{font-size:24px}.story-list a{font-weight:800;font-size:12px;color:#bb96fa}.bottom-nav{display:none}.site-footer{background:#10111b;border-top:1px solid #34354c;padding:45px 35px;text-align:center;color:#9fa3b5}.site-footer b{font:800 30px Outfit;color:white;letter-spacing:.12em}.site-footer p{margin:8px}.site-footer small{font-size:11px}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:80vh}.admin-sidebar{background:#141722;border-right:1px solid #373a4b;padding:27px 15px}.admin-sidebar-title{font:800 23px Outfit;letter-spacing:.05em;padding:12px 18px 28px}.admin-sidebar-title small{display:block;color:#9a9eb4;font:800 10px DM Sans;letter-spacing:.17em}.admin-sidebar>a{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-left:3px solid transparent;color:#bdc0d0;font-weight:700;font-size:14px}.admin-sidebar>a.selected{color:white;background:#28223d;border-color:#8e49ff}.admin-sidebar>a:last-child{margin-top:35px;font-size:11px}.admin-main{padding:45px clamp(18px,3vw,55px);min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-header h1{font-size:clamp(38px,4vw,60px);margin:0}.admin-header h1 span{color:#9b5aff}.admin-live{font-size:10px;color:#8acbab;letter-spacing:.13em}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-box,.admin-card{background:#1b1e2d;border:1px solid #36394e;padding:23px}.stat-box p{font-size:13px;color:#a7abc0;margin-bottom:12px}.stat-box strong{font:800 34px Outfit}.admin-card{margin-bottom:25px}.admin-card h2{font-size:26px}.admin-card>p{color:#abb0c6}.admin-quick{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.admin-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid #3d4052;text-align:left;padding:13px 9px;white-space:nowrap}th{color:#9ca1b6;font-size:10px;letter-spacing:.12em}td small{display:block;color:#979ab1}.table-form{display:flex;gap:6px;align-items:center}.table-form input{width:90px;padding:8px;border:1px solid #57586b;background:#121520;color:white}.table-form button,.admin-card button{font-size:11px;padding:8px 11px;background:#40318e;border-color:#5943b1}.table-form .warn{background:#623540;border-color:#865366}.report-line{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #4a4b60;padding:18px 0}.report-line p{color:#9b9db2;font-size:12px;margin:5px 0}.report-line form{display:flex;gap:7px}.admin-card a{color:#bea4fb}
/* Existing authentication, studio and profile forms retain usable styling during redesign */
.dashboard,.auth-layout,.profile-hero,.section{max-width:1220px;margin:auto;padding:55px 30px}.dashboard h1,.auth-layout h1,.profile-hero h1{font-size:clamp(40px,5vw,72px)}.panel,.profile-hero aside{background:#202332;padding:24px;margin:18px 0;border:1px solid #44465c}.dashboard input,.dashboard textarea,.auth-layout input,.auth-layout textarea,.profile-hero input,.profile-hero textarea,.panel input,.panel textarea{background:#10131d;color:white;border:1px solid #494b62;padding:12px;max-width:100%}form label{display:block;margin:12px 0;color:#aeb1c5}.panel form input,.panel form textarea{display:block;width:100%;margin:8px 0}.panel button,.auth-layout button,.dashboard button,.cta,.payment-button,.secondary{display:inline-block;padding:12px 18px;background:#653bec;color:white;border:0;margin:7px}.profile-hero{display:flex;gap:30px}.profile-icon,.avatar{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#623de1;font-size:40px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.post-card{background:#242639;border:1px solid #45475a;padding:20px}.post-card img{max-width:100%}.table-scroll{overflow:auto}.inline-form{display:flex;gap:8px}.flash{padding:15px;background:#374953}.price{font-size:30px}.wordmark{font-weight:900}.inline{display:inline}.locked{padding:25px;background:#302649}.payment-button{width:100%;text-align:left}
@media(max-width:1100px){.creators-list{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-copy{padding:55px 35px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar-inner{padding:17px 22px}.desktop-links{display:none}.hamburger{margin-left:auto}.pop-menu{top:72px}.explore-page{padding:32px 17px 105px}.explore-intro h1{font-size:44px}.explore-intro p{font-size:15px}.explore-filter{margin:23px 0 35px;flex-wrap:wrap}.search-wrap{flex:1 0 100%}.explore-filter select{flex:1;min-width:0;height:45px}.explore-filter button{padding:0 17px}.explore-subhead p{display:none}.creators-list{grid-template-columns:1fr;max-width:460px;margin:auto;gap:18px}.creator-cover{height:180px}.creator-avatar{height:112px;width:112px}.creator-body{padding:0 16px 17px}.creator-body h3{font-size:25px}.landing-hero{grid-template-columns:1fr}.landing-copy{padding:55px 22px}.landing-copy h1{font-size:55px}.hero-visual{min-height:320px}.hero-type{font-size:100px}.home-explore{padding-top:50px}.story-list{grid-template-columns:1fr}.stories-section{padding:50px 20px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:38;justify-content:space-around;padding:11px 4px max(11px,env(safe-area-inset-bottom));background:#11131ef7;border-top:1px solid #343748;backdrop-filter:blur(15px)}.bottom-nav a{font-size:24px;color:#bac0d7;text-align:center;line-height:1;min-width:55px}.bottom-nav a span{display:block;font-size:10px;margin-top:5px}.bottom-nav a.active{color:#9850fa}.site-footer{padding-bottom:108px}.admin-shell{display:block}.admin-sidebar{display:flex;overflow:auto;gap:5px;position:sticky;top:73px;z-index:20;padding:8px;white-space:nowrap}.admin-sidebar-title{display:none}.admin-sidebar>a{padding:9px 14px;border-left:0;border-bottom:2px solid transparent}.admin-sidebar>a.selected{border-bottom-color:#9658ff}.admin-sidebar>a:last-child{margin:0}.admin-main{padding:28px 14px 110px}.admin-live{display:none}.admin-header h1{font-size:38px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-box{padding:14px}.stat-box strong{font-size:24px}.admin-card{padding:16px}.profile-hero{display:block}.post-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}