@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f5f3f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d10;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #c7a3ff}.app{--bg:#0d0d10;--panel:#151519;--border:#29292f;--text:#f5f3f7;--muted:#9996a3;--accent:#c7a3ff;min-height:100vh;color:var(--text);background:var(--bg)}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:0 7%;display:flex}.logo{letter-spacing:-1.5px;color:var(--text);font-size:27px;font-weight:800;text-decoration:none}.logo span,.hero h1 span{color:var(--accent)}.navbar nav,.nav-actions{align-items:center;gap:22px;display:flex}.navbar nav a,.login{color:var(--muted);font-size:13px;text-decoration:none}.navbar nav .active{color:var(--text)}button,.primary-btn,.secondary-btn{font:inherit;cursor:pointer}.login,.signup{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:9px;padding:11px 15px}.signup,.primary-btn{background:var(--accent);border:1px solid var(--accent);color:#17101f;font-weight:700}.hero{background:radial-gradient(at 80% 40%,#30233c,#0000 48%);grid-template-columns:1.2fr .8fr;align-items:center;gap:25px;min-height:440px;padding:65px 9%;display:grid}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:10px;font-weight:800}.hero h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(36px,4.5vw,58px);line-height:1.1}.hero p,.join-section p{color:var(--muted);max-width:470px;font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;padding:13px 17px;font-size:13px;text-decoration:none}.secondary-btn{border:1px solid var(--border);color:var(--text)}.hero-note{color:var(--muted);margin-top:24px;font-size:11px}.status-dot{background:#9bd9ad;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero-art{place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.art-orbit{border:1px solid #574269;border-radius:50%;width:260px;height:260px;position:absolute}.orbit-two{border-color:#292331;width:325px;height:325px}.art-card{border:1px solid #ffffff20;border-radius:16px;justify-content:center;align-items:center;width:165px;height:215px;font-size:60px;font-weight:800;display:flex;position:absolute;box-shadow:0 20px 70px #0008}.card-back{color:#8c70a9;background:linear-gradient(140deg,#3c314a,#17131e);transform:rotate(-13deg)translate(-25px,4px)}.card-front{background:linear-gradient(145deg,#b99bcd,#5e476d 65%,#211b2a);flex-direction:column;gap:12px;transform:rotate(9deg)translate(24px)}.card-front small{letter-spacing:1px;font-size:7px}.floating-tag{background:#17131f;border:1px solid #51405f;border-radius:10px;padding:12px;font-size:11px;position:absolute;bottom:22px;right:0}.content-section{padding:50px 7%}.section-heading{justify-content:space-between;align-items:end;display:flex}.section-heading h2,.join-section h2{letter-spacing:-1px;margin:10px 0;font-size:28px}.view-all{color:var(--accent);font-size:12px;text-decoration:none}.filters{flex-wrap:wrap;gap:9px;margin:25px 0;display:flex}.filter{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:30px;padding:9px 15px;font-size:12px}.filter.selected{color:var(--accent);background:#c7a3ff1c;border-color:#78599a}.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.creator-card{border:1px solid var(--border);background:var(--panel);border-radius:13px;min-width:0;overflow:hidden}.creator-cover{place-items:center;height:210px;display:grid;position:relative}.cover-monogram{color:#ffffff75;font-size:95px;font-weight:800}.preview-label{letter-spacing:1px;background:#15121bbd;border-radius:5px;padding:6px 9px;font-size:9px;position:absolute;bottom:12px;left:12px}.creator-info{justify-content:space-between;align-items:center;padding:15px;display:flex}.creator-info h3{margin:0 0 6px;font-size:14px}.creator-info p,.demo-note{color:var(--muted);font-size:11px}.creator-info p{margin:0}.follow-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text);background:#202026;border-radius:8px}.demo-note{margin-top:20px}.join-section{background:linear-gradient(110deg,#211a2b,#17141c);border:1px solid #34293e;border-radius:15px;justify-content:space-between;align-items:center;gap:24px;margin:20px 7% 55px;padding:30px;display:flex}.join-section h2{font-size:24px}.join-section p{margin-bottom:0}.join-section .signup{white-space:nowrap}footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:25px 7%;display:flex}footer .logo{font-size:22px}footer p,footer>span{color:var(--muted);font-size:10px}@media (width<=850px){.navbar{padding:15px 5%}.navbar nav{display:none}.hero{grid-template-columns:1fr;padding:50px 7%}.hero-art{height:270px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-section{flex-direction:column;align-items:flex-start}}@media (width<=480px){.nav-actions{gap:7px}.login,.signup{padding:9px;font-size:11px}.creator-cover{height:165px}.section-heading h2{font-size:23px}}.user-label{color:var(--muted);overflow-wrap:anywhere;font-size:12px}button:disabled{opacity:.65;cursor:not-allowed}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-modal{width:min(100%,440px);color:var(--text);background:#151519;border:1px solid #393040;border-radius:18px;padding:34px;position:relative;box-shadow:0 24px 90px #0009}.auth-close{width:34px;height:34px;color:var(--muted);background:0 0;border:0;font-size:27px;position:absolute;top:13px;right:17px}.auth-logo{font-size:24px;display:inline-block}.auth-modal h2{letter-spacing:-.8px;margin:24px 0 8px;font-size:26px}.auth-description{color:var(--muted);margin:0 0 25px;font-size:13px;line-height:1.7}.auth-field{color:#ded9e5;gap:8px;margin:17px 0;font-size:12px;font-weight:600;display:grid}.auth-field input{border:1px solid var(--border);width:100%;min-height:45px;color:var(--text);font:inherit;background:#0d0d10;border-radius:9px;outline:none;padding:12px;font-weight:400}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c7a3ff20}.auth-submit{width:100%;min-height:45px;margin-top:8px}.auth-error,.auth-success{overflow-wrap:anywhere;border-radius:8px;padding:11px;font-size:12px;line-height:1.6}.auth-error{color:#ffbdc9;background:#421f2a;border:1px solid #713b48}.auth-success{color:#b7f1ca;background:#183326;border:1px solid #315b45}.auth-switch{color:var(--muted);text-align:center;margin:22px 0 0;font-size:12px}.auth-switch button{color:var(--accent);font:inherit;background:0 0;border:0;padding:0;font-weight:700}.auth-legal{color:#77717f;text-align:center;margin:22px 0 0;font-size:10px}@media (width<=480px){.auth-modal{padding:27px 22px}.user-label{display:none}}