Digital Box #2

<section id="digitalbox2-page">

<style>

#digitalbox2-page{

--bg:#07070d;

--bg2:#10101c;

--card:#131325;

--card2:#1a1a31;

--line:rgba(255,255,255,.10);

--text:#f7f7fb;

--muted:#c9c9d8;

--violet:#8b5cf6;

--violet2:#a78bfa;

--cyan:#5eead4;

--pink:#ec4899;

--green:#86efac;

--shadow:0 18px 50px rgba(0,0,0,.35);

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

color:var(--text);

background:

radial-gradient(circle at top left, rgba(139,92,246,.22), transparent 30%),

radial-gradient(circle at top right, rgba(94,234,212,.16), transparent 24%),

linear-gradient(180deg, #090910 0%, #0d0d17 45%, #08080d 100%);

overflow:hidden;

}

#digitalbox2-page *{

box-sizing:border-box;

}

#digitalbox2-page .db2-container{

width:100%;

max-width:1180px;

margin:0 auto;

padding:0 20px;

}

#digitalbox2-page .db2-section{

padding:72px 0;

position:relative;

}

#digitalbox2-page .db2-badge{

display:inline-flex;

align-items:center;

justify-content:center;

gap:8px;

padding:10px 16px;

border:1px solid rgba(167,139,250,.28);

background:rgba(139,92,246,.12);

color:#efe9ff;

border-radius:999px;

font-size:13px;

font-weight:700;

letter-spacing:.2px;

margin-bottom:18px;

backdrop-filter: blur(10px);

}

#digitalbox2-page h1,

#digitalbox2-page h2,

#digitalbox2-page h3{

margin:0;

line-height:1.08;

}

#digitalbox2-page h1{

font-size:clamp(34px, 6vw, 74px);

font-weight:900;

letter-spacing:-1.8px;

}

#digitalbox2-page h2{

font-size:clamp(28px, 4vw, 48px);

font-weight:900;

letter-spacing:-1.2px;

text-align:center;

}

#digitalbox2-page h3{

font-size:clamp(20px, 2.6vw, 28px);

font-weight:800;