@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#121826;--muted:#667085;--line:#e7e9ee;--paper:#fff;--soft:#f6f7fa;--dark:#111827;--accent:#635bff;--green:#12b76a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:var(--paper)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{height:76px;display:flex;align-items:center;gap:30px;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffeb;backdrop-filter:blur(14px);z-index:20}.brand{font:700 22px "Space Grotesk";display:flex;align-items:center;gap:9px;white-space:nowrap}.brand span{display:grid;place-items:center;width:35px;height:35px;background:var(--ink);color:#fff;border-radius:10px;font-size:12px}.topbar nav{display:flex;gap:24px;margin:auto;font-size:14px;color:#475467}.actions{display:flex;gap:10px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 17px;font-weight:600;cursor:pointer}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.ghost:hover{background:var(--soft)}.btn.light{background:#fff;color:var(--ink);border:0}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:590px;padding:85px 7%;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;background:linear-gradient(135deg,#fafaff,#fff 55%,#f4f3ff)}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--accent)}h1,h2,h3{font-family:"Space Grotesk";margin:0}h1{font-size:64px;line-height:1.02;letter-spacing:-3px;max-width:650px}h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px;margin:24px 0 30px}.searchbar{display:flex;background:#fff;border:1px solid #dfe2e8;border-radius:14px;padding:7px;box-shadow:0 14px 35px #1018280d;max-width:700px}.searchbar input{flex:1;border:0;padding:12px;outline:0}.searchbar select{border:0;border-left:1px solid var(--line);padding:0 12px;color:#475467;outline:0}.popular{font-size:12px;color:#98a2b3;margin-top:15px}.popular b{color:#475467}.hero-card{height:410px;position:relative;background:#171c2b;border-radius:32px;overflow:hidden}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;width:440px;height:440px;left:50%;top:48%;transform:translate(-50%,-50%)}.o2{width:290px;height:290px}.profile-float{position:absolute;background:#fff;padding:13px 16px;border-radius:14px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 40px #0003;font-size:12px}.profile-float small{display:block;color:#98a2b3;margin-top:3px}.profile-float>span{margin-left:18px}.p1{top:82px;left:36px}.p2{right:28px;bottom:92px}.avatar{width:40px;height:40px;border-radius:12px;background:#dbeafe;display:grid;place-items:center;font-weight:700;color:#1d4ed8}.avatar.purple{background:#ede9fe;color:#6d28d9}.hero-stat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.hero-stat strong{font:700 42px "Space Grotesk";display:block}.hero-stat small{color:#b8bfcc}.trusted{padding:28px 7%;display:flex;gap:42px;align-items:center;border-bottom:1px solid var(--line);color:#98a2b3;font-size:12px}.trusted b{font:700 14px "Space Grotesk";color:#98a2b3}.section{padding:90px 7%}.alt{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2{font-size:35px;letter-spacing:-1.4px;margin-top:8px}.section-head>a{color:var(--accent);font-weight:700}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-grid button{border:1px solid var(--line);background:#fff;border-radius:16px;text-align:left;padding:24px;cursor:pointer;transition:.2s}.cat-grid button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1018280b}.cat-grid i{font-style:normal;font-size:24px;color:var(--accent);display:block;margin-bottom:26px}.cat-grid b,.cat-grid small{display:block}.cat-grid small{color:#98a2b3;margin-top:7px}.toolbar{display:flex;gap:10px;margin-bottom:22px}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 13px;outline:0}.toolbar input{width:300px}.freelancer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.freelancer{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.person{display:flex;gap:12px;align-items:center}.person .avatar{width:52px;height:52px}.person h3{font-size:17px}.verified{color:var(--green);font-size:12px}.role{color:var(--muted);font-size:13px;margin:3px 0}.rating{margin:18px 0;font-size:13px}.rating b{color:#f59e0b}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:var(--soft);border-radius:20px;padding:6px 9px;font-size:11px;color:#475467}.card-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.rate b{font-size:17px}.jobs{display:grid;gap:12px}.job{display:grid;grid-template-columns:1fr auto;gap:20px;border:1px solid var(--line);border-radius:14px;padding:22px}.job h3{font-size:18px}.job p{color:var(--muted);font-size:13px}.job-meta{color:#667085;font-size:12px;display:flex;gap:15px;flex-wrap:wrap}.job .btn{align-self:center}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.step-grid span{color:var(--accent);font-weight:700}.step-grid h3{margin:28px 0 10px}.step-grid p{color:var(--muted);font-size:13px;line-height:1.6}.cta{margin:70px 7%;border-radius:24px;padding:55px 6%;background:#171c2b;color:#fff;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:38px;margin:8px 0}.cta p{color:#b8bfcc}footer{border-top:1px solid var(--line);padding:60px 7%;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}footer p,footer a{display:block;color:#98a2b3;font-size:13px;line-height:2}footer b{font-size:13px}footer .brand{margin-bottom:10px}.newsletter{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}.newsletter input{border:0;padding:11px;flex:1;outline:0}.newsletter button{border:0;background:var(--ink);color:#fff;width:45px}.copyright{text-align:center;border-top:1px solid var(--line);padding:20px;color:#98a2b3;font-size:11px}.modal{display:none;position:fixed;inset:0;background:#10182899;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:18px;width:min(520px,100%);padding:30px;position:relative;max-height:90vh;overflow:auto}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.modal-box h2{font-size:27px;margin-bottom:8px}.modal-box p{color:var(--muted);font-size:14px;line-height:1.6}.form{display:grid;gap:13px;margin-top:20px}.form label{font-size:12px;font-weight:700}.form input,.form textarea,.form select{border:1px solid var(--line);border-radius:9px;padding:11px;outline:0}.form textarea{min-height:100px;resize:vertical}.toast{position:fixed;right:20px;bottom:20px;background:#171c2b;color:#fff;padding:13px 17px;border-radius:10px;display:none;z-index:60}.toast.show{display:block}
@media(max-width:900px){.topbar{padding:0 5%}.topbar nav,.actions{display:none}.menu{display:block;margin-left:auto}.topbar.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:65px 6%}.hero-card{display:none}h1{font-size:48px}.cat-grid,.freelancer-grid{grid-template-columns:1fr 1fr}.step-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.cta{margin:45px 5%;flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:600px){.trusted{overflow:hidden;gap:25px;white-space:nowrap}.section{padding:65px 5%}.cat-grid,.freelancer-grid,.step-grid,footer{grid-template-columns:1fr}.searchbar{flex-wrap:wrap}.searchbar input{min-width:100%}.searchbar select{border:1px solid var(--line);padding:11px}.searchbar .btn{flex:1}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.job{grid-template-columns:1fr}.cta h2{font-size:29px}}