@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap');
:root{--ink:#11111a;--muted:#6d6d7b;--line:#ececf3;--purple:#6b35ff;--pink:#ff2e9a;--cyan:#1fe4e9;--yellow:#ffe75a}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}.nav{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3.2%;gap:45px;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:5}.brand{font:700 24px "Space Grotesk";text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{font-weight:500}.nav nav{display:flex;gap:30px}.nav nav a{color:#424252;text-decoration:none;font-size:14px}.nav nav .active{color:#5030e9;border-bottom:3px solid #5030e9;padding-bottom:22px}.search{margin-left:auto;width:285px;height:40px;border-radius:22px;background:#f3f3f8;color:#777;display:flex;align-items:center;padding:0 14px;gap:8px}.search input{border:0;outline:0;background:none;width:100%;font:14px inherit}.nav-right{display:flex;align-items:center;gap:18px}.bell{position:relative;font-size:22px}.bell i{position:absolute;right:-5px;top:-3px;background:#ff315f;color:#fff;border-radius:50%;font:9px Arial;padding:3px 5px}.signin,.secondary{background:white;border:1px solid #ddddea;border-radius:22px;padding:10px 18px;font-weight:700;cursor:pointer}
.hero{min-height:510px;display:grid;grid-template-columns:43% 57%;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fff 42%,#f5f1ff 67%,#fff 100%)}.hero-copy{padding:76px 6% 45px 10%}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#777782}.hero h1{font:700 68px/0.95 "Space Grotesk";margin:18px 0}.hero h1 em{font-style:normal;color:#5a30ff;text-shadow:3px 3px 0 #ff38a6}.hero p{font-size:18px;line-height:1.55;color:#616171;max-width:510px}.actions{display:flex;gap:14px;margin:25px 0}.primary{border:0;background:linear-gradient(90deg,#6632ff,#ff2c9d);color:white;padding:14px 22px;border-radius:26px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #6b35ff28}.mini-stats{display:flex;gap:27px;margin-top:48px;color:#666;font-size:12px}.mini-stats span{display:flex;gap:6px;flex-direction:column}.mini-stats b{color:#242431}.hero-art{position:relative;min-height:510px;background:radial-gradient(circle at 45% 42%,#b8f5f5,transparent 25%),linear-gradient(120deg,#f8f5ff,#fff0f7)}.blob{position:absolute;border-radius:48% 52% 45% 55%;filter:blur(.2px)}.b1{width:470px;height:430px;left:7%;top:40px;background:linear-gradient(140deg,#6632ff,#ff38a6);transform:rotate(-8deg);opacity:.9}.b2{width:290px;height:250px;right:0;bottom:0;background:linear-gradient(140deg,#21e5e5,#ffe75a);border-radius:55% 45% 60% 40%}.people{position:absolute;left:16%;top:108px;width:420px;height:300px;border-radius:45%;background:linear-gradient(135deg,#22243b,#161625);color:white;text-align:center;padding-top:62px;font-size:55px;box-shadow:0 30px 50px #5a30ff35}.people span{font:700 30px/1.0 "Space Grotesk";color:#fff}.create-card{position:absolute;right:8%;top:32px;width:245px;background:#11111a;color:#fff;border-radius:22px;padding:24px;box-shadow:0 18px 40px #11111a30}.create-card strong{color:#ffe75a}.create-card p{color:#bcbcc8;font-size:12px;line-height:1.5}.create-card button{border:0;background:linear-gradient(90deg,#ff2e9a,#6b35ff);color:#fff;border-radius:20px;padding:11px 16px;font-weight:700;width:100%}.quote{position:absolute;right:8%;bottom:28px;background:#fff;border-radius:20px;padding:22px 28px;font:700 18px "Space Grotesk";box-shadow:0 14px 35px #11111a18}.quote small{display:block;font:12px "DM Sans";color:#777;margin-top:12px}
.content,.bottom-grid{padding:44px 4%}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font:700 25px "Space Grotesk";margin:0 0 4px}.section-head p{margin:0;color:#7a7a86;font-size:13px}.section-head a{color:#5531ed;font-weight:700;font-size:13px}.chips{display:flex;gap:9px;margin:25px 0}.chip{border:1px solid #e5e5ec;background:#fff;border-radius:22px;padding:10px 17px;font-weight:700;font-size:12px;cursor:pointer}.chip.active{background:#11111a;color:#fff;border-color:#11111a}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.card{border:1px solid #ececf2;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 7px 20px #11111a08}.cover{height:135px;display:flex;align-items:center;justify-content:center;font-size:46px;background:linear-gradient(135deg,#19192a,#5e38ff)}.card:nth-child(2) .cover{background:linear-gradient(135deg,#1a1b22,#e77b36)}.card:nth-child(3) .cover{background:linear-gradient(135deg,#20392e,#8bd45d)}.card:nth-child(4) .cover{background:linear-gradient(135deg,#14152a,#00cdd4)}.card:nth-child(5) .cover{background:linear-gradient(135deg,#412c45,#ff7cbb)}.cardbody{padding:14px}.tag{font-size:10px;color:#777;text-transform:uppercase;font-weight:700}.card h3{font:700 16px "Space Grotesk";margin:7px 0}.meta,.interested{font-size:11px;color:#777;margin:6px 0}.cardfoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.go{border:0;background:#f0eaff;color:#5531ed;border-radius:14px;padding:7px 11px;font-size:10px;font-weight:700;cursor:pointer}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.feature-banner{margin-top:18px;min-height:245px;border-radius:22px;padding:32px;color:#fff;background:linear-gradient(120deg,#171522,#632dff 55%,#ff2e9a);position:relative;overflow:hidden}.feature-banner:after{content:"✦";position:absolute;font-size:210px;right:30px;top:10px;color:#ffffff16}.feature-banner h3{font:700 43px/0.92 "Space Grotesk";margin:12px 0}.feature-banner small,.feature-banner p{font-size:10px;letter-spacing:1.5px}.feature-banner button{border:0;background:#ff2e9a;color:white;padding:11px 18px;border-radius:18px;font-weight:700}.community{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eee}.community>span{font-size:25px}.community div{flex:1}.community b{display:block;font-size:13px}.community small{display:block;color:#888;font-size:10px;margin-top:3px}.community button{border:0;background:#f1ecff;color:#5a30ff;border-radius:13px;padding:7px 12px;font-weight:700}.modal{display:none;position:fixed;inset:0;background:#11111a99;z-index:20;align-items:center;justify-content:center}.modal.show{display:flex}.modal-box{background:#fff;border-radius:24px;width:min(500px,92vw);padding:30px;position:relative}.modal-box h2{font:700 26px "Space Grotesk";margin:0}.modal-box p{color:#777;font-size:13px}.modal-box input,.modal-box select,.modal-box textarea{width:100%;margin:7px 0;padding:12px;border:1px solid #e2e2ea;border-radius:12px;font:14px inherit}.modal-box textarea{height:90px;resize:vertical}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px}.wide{width:100%}#msg{font-size:12px;margin-top:10px;color:#5531ed}
@media(max-width:1050px){.nav nav{display:none}.search{width:220px}.hero{grid-template-columns:1fr}.hero-art{min-height:420px}.cards{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.hero-copy{padding-left:7%}}
@media(max-width:600px){.nav{gap:12px;padding:0 15px}.brand{font-size:20px}.search{display:none}.signin{padding:8px 12px}.hero-copy{padding:45px 22px}.hero h1{font-size:52px}.mini-stats{gap:14px;flex-wrap:wrap}.hero-art{min-height:390px}.people{left:7%;top:95px;width:85%;height:245px}.create-card{right:12px;top:18px;width:190px;padding:16px}.quote{display:none}.cards{grid-template-columns:1fr}.content,.bottom-grid{padding:30px 18px}.chips{overflow:auto}.feature-banner h3{font-size:34px}}