:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09070f;color:#f8f7ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 38%,rgba(124,58,237,.2),transparent 34%),radial-gradient(circle at 50% 42%,rgba(217,70,239,.12),transparent 22%),linear-gradient(180deg,#0f0d14,#050507 64%,#08070b)}button,input,textarea{font:inherit}button{cursor:pointer}.auth-shell,.app-shell,.legal-shell{min-height:100vh}.auth-shell{position:relative;overflow:hidden;padding-bottom:56px}.auth-shell:before{content:"";position:absolute;inset:62px 0 auto;height:620px;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(139,92,246,.32),transparent 20%),radial-gradient(circle at 50% 48%,rgba(76,29,149,.22),transparent 32%);filter:blur(10px)}.auth-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.38;background-image:radial-gradient(circle,rgba(167,139,250,.4) 0 1px,transparent 1.5px),linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%);background-position:50% 52%,0 0;background-size:62px 62px,100% 100%;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 48%);mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 48%)}.landing-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:0 max(22px,calc((100vw - 1100px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:#0d0c12d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff}.landing-nav nav{display:flex;align-items:center;gap:28px}.landing-nav a,.nav-link{border:0;background:transparent;color:#a9a3b8;text-decoration:none;font-weight:700}.landing-nav a:hover,.nav-link:hover{color:#fff}.nav-cta{border:0;border-radius:8px;padding:10px 18px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:900}.hero-section{position:relative;z-index:1;display:grid;justify-items:center;width:min(1040px,calc(100% - 32px));min-height:700px;margin:0 auto;padding:190px 0 54px;text-align:center}.hero-glow{position:absolute;top:200px;width:min(560px,82vw);height:220px;border-radius:50%;background:#7c3aed2e;filter:blur(62px)}.hero-pill{position:relative;display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;border:1px solid rgba(196,181,253,.18);border-radius:999px;padding:8px 18px;background:#ffffff0b;color:#c4b5fd;font-size:13px;font-weight:900}.hero-section h1{position:relative;max-width:900px;margin:0;color:#fff;font-size:clamp(54px,8vw,86px);line-height:.95;font-weight:950}.hero-section h1 span{display:block;margin-top:8px;background:linear-gradient(90deg,#c4b5fd,#8b5cf6 58%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-section p{position:relative;max-width:720px;margin:26px 0 0;color:#9f99aa;font-size:clamp(18px,2vw,23px);line-height:1.35;font-weight:750}.hero-actions{position:relative;display:flex;justify-content:center;gap:14px;margin-top:42px}.hero-primary{min-width:142px}.instagram-hero-button{background:linear-gradient(135deg,#db2777,#7c3aed)}.ghost-button{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:13px 20px;background:#ffffff0e;color:#e7e2ee;font-weight:900}.hero-preview{position:relative;width:min(560px,100%);margin-top:70px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;background:#0d0a14b8;box-shadow:0 40px 130px #00000073}.preview-top,.preview-row{display:grid;grid-template-columns:54px 90px minmax(0,1fr);gap:12px;align-items:center;min-height:42px;border-radius:8px;padding:0 12px;text-align:left}.preview-top{color:#a9a3b8;font-size:13px}.preview-top span{width:9px;height:9px;border-radius:999px;background:#8b5cf6}.preview-row{margin-top:8px;background:#ffffff09}.preview-row.active{background:#8b5cf633}.preview-row span,.preview-row strong{color:#f4f0ff}.preview-row em,.preview-top em{min-width:0;overflow:hidden;color:#a9a3b8;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.landing-card{position:relative;z-index:3;width:min(430px,calc(100% - 32px));margin:-18px auto 0}.landing-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1040px,calc(100% - 32px));margin:34px auto 0}.landing-features article{display:grid;gap:8px;min-height:122px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px;background:#ffffff0a}.landing-features strong{color:#fff}.landing-features span,.legal-content p,.section-heading p,.logo-row span,.dropzone span,.queue-item span,.stat-card span{color:#b9aecf}.legal-content{position:relative;z-index:2;display:grid;gap:18px;width:min(820px,calc(100% - 32px));margin:0 auto;padding:96px 0}.legal-content h1{margin:0;font-size:clamp(38px,6vw,64px);line-height:1}.legal-content p{margin:0;font-size:18px;line-height:1.6}.brand-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:900;letter-spacing:0;box-shadow:0 24px 60px #ec489947}.nav-mark{width:32px;height:32px;border-radius:9px;box-shadow:0 14px 34px #7c3aed59}.brand-mark.small{width:44px;height:44px;border-radius:12px}.auth-card,.tool-panel,.table-card,.stat-card,.calendar-day,.queue-item{border:1px solid rgba(255,255,255,.09);background:#14101fc7;box-shadow:0 18px 70px #00000040}.auth-card{display:grid;gap:18px;padding:30px;border-radius:8px}.eyebrow{color:#f0abfc;font-size:13px;font-weight:800;text-transform:uppercase}h2,h3,p{margin-top:0}.auth-card h2,.section-heading h2{margin-bottom:0;font-size:clamp(28px,4vw,42px)}label{display:grid;gap:8px;color:#ded8ef;font-weight:700}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;background:#100c18;color:#fff;outline:none}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef2e}.primary-button,.link-button,.sidebar button,.day-grid button,.time-input button,.chips button,.icon-button{border:0;color:#fff}.primary-button{border-radius:8px;padding:13px 18px;background:linear-gradient(135deg,#7c3aed,#db2777);font-weight:900}.primary-button.wide{width:100%;margin-top:18px}.link-button{background:transparent;color:#e879f9;padding:4px}.error,.success,.form-note{margin:0;padding:12px;border-radius:8px}.error{background:#f8717124;color:#fecaca}.success{background:#22c55e24;color:#bbf7d0}.form-note{background:#8b5cf624;color:#ddd6fe;line-height:1.45}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:22px;border-right:1px solid rgba(255,255,255,.08);background:#0a0710e6}.logo-row{display:flex;gap:12px;align-items:center}.logo-row div:last-child{display:grid}.sidebar nav{display:grid;gap:8px}.sidebar button{display:flex;gap:10px;align-items:center;width:100%;border-radius:8px;padding:12px;background:transparent;color:#c9c1d9;text-align:left}.sidebar button.active,.sidebar button:hover{background:#a855f729;color:#fff}.logout{margin-top:auto}.content{width:min(1180px,100%);padding:34px}.toast{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;gap:14px;align-items:center;max-width:min(460px,calc(100% - 32px));border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px 16px;background:#120e1cf5;box-shadow:0 20px 60px #00000059}.toast.success{color:#bbf7d0}.toast.error{color:#fecaca}.toast button{border:0;border-radius:8px;padding:8px 10px;background:#ffffff14;color:#fff}.panel-section{display:grid;gap:22px}.section-heading{display:grid;gap:8px}.stats-grid,.scheduler-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:16px}.studio-main{display:grid;gap:16px}.compact-dropzone{min-height:190px}.studio-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.muted{color:#b9aecf}.stat-card{display:grid;gap:10px;min-height:148px;border-radius:8px;padding:18px}.stat-card svg{color:#f0abfc}.stat-card strong{font-size:clamp(24px,3vw,34px);line-height:1.1}.dropzone{position:relative;display:grid;place-items:center;gap:10px;min-height:230px;border:1px dashed rgba(240,171,252,.55);border-radius:8px;background:#7c3aed14;text-align:center}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width .25s ease}.table-card,.tool-panel{border-radius:8px;padding:18px}.table-row,.integration{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.action-row{align-items:center}.small-action{border:0;border-radius:8px;padding:9px 12px;background:#8b5cf63d;color:#fff;font-weight:800;white-space:nowrap}.table-row span{min-width:0;overflow-wrap:anywhere}.table-row strong,.integration strong{color:#f0abfc}.instagram-connect{display:grid;gap:12px;margin-bottom:18px;border:1px solid rgba(196,181,253,.14);border-radius:8px;padding:14px;background:#8b5cf61a}.instagram-connect div{display:grid;gap:4px}.instagram-connect span{color:#b9aecf}.ghost-button.compact{padding:10px 14px}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.day-grid button,.chips button{min-height:42px;border-radius:8px;background:#ffffff14}.day-grid button.selected,.chips button:hover{background:#8b5cf6}.time-input{display:grid;grid-template-columns:1fr auto;gap:10px}.time-input button{border-radius:8px;padding:0 16px;background:#db2777}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips button{padding:0 12px}.queue-list,.calendar-grid{display:grid;gap:12px}.queue-item{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(190px,.8fr) auto auto auto;gap:12px;align-items:center;border-radius:8px;padding:14px}.queue-item div{display:grid;gap:4px;min-width:0}.queue-item strong{overflow-wrap:anywhere}.status{border-radius:999px;padding:8px 10px;background:#a855f72e;color:#f5d0fe;font-weight:800}.icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#f8717124}.calendar-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.month-controls{display:flex;gap:10px;align-items:center}.month-controls button{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;background:#ffffff0f;color:#fff}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday{color:#c4b5fd;font-size:13px;text-align:center}.month-day{display:grid;gap:8px;align-content:start;min-height:150px;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.09);background:#14101fb8}.month-day.outside{opacity:.38}.month-day-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.month-day-top span{border-radius:999px;padding:5px 8px;background:#8b5cf633;color:#ddd6fe;font-size:12px;font-weight:800}.calendar-slot{display:grid;gap:2px;border-radius:8px;padding:7px;background:#ffffff0e}.calendar-slot strong{color:#f0abfc;font-size:12px}.calendar-slot span{color:#d8d1e8;font-size:12px;overflow-wrap:anywhere}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.landing-nav{gap:16px;align-items:flex-start;padding:14px}.landing-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:14px}.hero-section{min-height:auto;padding-top:120px}.landing-features{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid,.scheduler-grid,.settings-grid,.studio-layout,.studio-columns,.calendar-heading{grid-template-columns:1fr}.content{padding:22px 14px}.queue-item,.month-grid{grid-template-columns:1fr}.weekday{display:none}}@media(max-width:520px){.landing-nav{display:grid}.landing-nav nav{justify-content:flex-start}.landing-nav a{display:none}.hero-section{padding-top:88px}.hero-section h1{font-size:clamp(42px,15vw,58px)}.hero-actions{width:100%;flex-direction:column}.hero-actions button{width:100%}.preview-top,.preview-row{grid-template-columns:42px 68px minmax(0,1fr);gap:8px;padding:0 10px}.auth-card{padding:20px}.sidebar nav{grid-template-columns:1fr}.day-grid{grid-template-columns:repeat(2,1fr)}.time-input{grid-template-columns:1fr}}