:root{–g:#C9A84C;–gh:#E2C06A;–gl:#9A7A30;–e:#B85C1E;–eh:#D4712A;–cr:#F2EDE4;–cr70:rgba(242,237,228,.70);–cr45:rgba(242,237,228,.45);–cr20:rgba(242,237,228,.20);–i0:#050505;–i1:#0D0D0D;–i2:#141414;–i3:#1C1C1C;–bdr:rgba(201,168,76,.13);–bds:rgba(242,237,228,.06);–fd:’Cormorant Garamond’,Georgia,serif;–fb:’DM Sans’,sans-serif;–fm:’DM Mono’,monospace;–ease:cubic-bezier(.16,1,.3,1)}
.gs-wrap *{box-sizing:border-box}.gs-wrap{font-family:var(–fb);color:var(–cr);background:var(–i1);overflow-x:hidden;min-height:100vh}
.gs-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(–fb);font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.75rem 1.75rem;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:all 260ms var(–ease);text-decoration:none;line-height:1}
.gs-btn-g{background:var(–g);color:var(–i0);border-color:var(–g)}.gs-btn-g:hover{background:var(–gh);color:var(–i0);transform:translateY(-2px);box-shadow:0 0 40px rgba(201,168,76,.2),0 8px 24px rgba(0,0,0,.5)}
.gs-btn-e{background:var(–e);color:var(–cr);border-color:var(–e)}.gs-btn-e:hover{background:var(–eh);transform:translateY(-2px)}
.gs-btn-o{background:transparent;color:var(–g);border-color:var(–bdr)}.gs-btn-o:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.35)}
/* Hero */
.gs-hero{background:var(–i0);padding:8rem 3rem 6rem;text-align:center;position:relative;overflow:hidden}
.gs-hero::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(201,168,76,.06),transparent 60%);pointer-events:none}
.gs-hero-inner{position:relative;z-index:2;max-width:800px;margin:0 auto}
.gs-kicker{font-family:var(–fm);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(–g);margin-bottom:1.5rem;display:block}
.gs-h1{font-family:var(–fd);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:300;line-height:1.05;letter-spacing:-.035em;color:var(–cr);margin-bottom:1.25rem}
.gs-h1 em{font-style:italic;color:var(–g)}
.gs-sub{font-size:1.05rem;color:var(–cr70);line-height:1.75;max-width:520px;margin:0 auto 3rem;font-weight:300}
/* Path selector */
.gs-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1000px;margin:0 auto;text-align:left}
.gs-path{
background:var(–i2);border:1px solid var(–bdr);border-radius:14px;padding:2rem;
cursor:pointer;transition:all 260ms var(–ease);position:relative;overflow:hidden;
text-decoration:none;display:block;
}
.gs-path::before{content:”;position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.08),transparent 55%);opacity:0;transition:opacity 260ms;pointer-events:none}
.gs-path:hover{border-color:rgba(201,168,76,.4);transform:translateY(-4px);box-shadow:0 0 48px rgba(201,168,76,.12),0 16px 48px rgba(0,0,0,.65)}.gs-path:hover::before{opacity:1}
.gs-path-ico{font-size:2rem;margin-bottom:1rem}
.gs-path-badge{font-family:var(–fm);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(–eh);margin-bottom:.5rem;display:block}
.gs-path h3{font-family:var(–fd);font-size:1.3rem;font-weight:600;color:var(–cr);margin-bottom:.4rem;letter-spacing:-.01em}
.gs-path p{font-size:.85rem;color:var(–cr45);line-height:1.6;margin-bottom:1.25rem}
.gs-path-link{font-family:var(–fm);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(–g)}
/* Steps */
.gs-onboard{background:var(–i1);padding:6rem 3rem;border-top:1px solid var(–bds)}
.gs-onboard-wrap{max-width:1200px;margin:0 auto}
.gs-rule{width:36px;height:1px;background:var(–g);border:none;margin:0 0 1.5rem}
.gs-h2{font-family:var(–fd);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.025em;color:var(–cr);margin-bottom:.75rem}
.gs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(–bdr);border:1px solid var(–bdr);border-radius:14px;overflow:hidden;margin-top:3rem}
.gs-step{background:var(–i2);padding:2rem;transition:background 200ms}.gs-step:hover{background:var(–i3)}
.gs-step-n{font-family:var(–fd);font-size:3rem;font-weight:300;color:var(–bdr);letter-spacing:-.04em;line-height:1;margin-bottom:1rem;transition:color 260ms}.gs-step:hover .gs-step-n{color:var(–g)}
.gs-step h4{font-family:var(–fd);font-size:1rem;font-weight:600;color:var(–cr);margin-bottom:.35rem}.gs-step p{font-size:.82rem;color:var(–cr45);line-height:1.6}
@media(max-width:768px){.gs-paths{grid-template-columns:1fr}.gs-steps{grid-template-columns:1fr 1fr}.gs-hero{padding-left:1.25rem;padding-right:1.25rem}.gs-onboard{padding-left:1.25rem;padding-right:1.25rem}}
@media(max-width:480px){.gs-steps{grid-template-columns:1fr}}
🇿🇦 Your Journey Starts Here
Welcome to 2CU Online
Mzansi’s dignity-first ecosystem. Choose your path below and let CU BUDDY guide you every step of the way.
Get Seen in 4 Steps
Every journey on 2CU follows the same dignity-first path — from invisible to unstoppable.
01
Create Your Profile
Register on cv2cu.online or 2cu.online. Your POPIA-compliant digital identity.
02
Meet CU BUDDY
Your AI companion activates immediately. Ask anything — CV help, B-BBEE, business advice.
03
Build & Connect
Create your CV, business listing, or sponsor profile. Get matched with opportunities and people.
04
Own Your Future
Track dignity points, achieve milestones, grow your economic independence in Mzansi.
“Seen. Heard. Known. Own It.”