.animated-text-container{perspective:1000px;transition:all 1s ease-out;display:inline-block;text-align:center}.animated-text{font-size:clamp(2.5rem,7vw,4rem);font-family:"IBM Plex Serif",serif;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-align:left;color:white;margin:0 auto;transition:color 1s ease-out;display:inline-block}.animated-text-container.white-bg .animated-text,.animated-text-container.white-bg .base-text{color:#1a1a1a}.base-text{color:white;display:inline-block}.animated-role{display:inline-block;font-weight:700;background:linear-gradient(135deg,#B794F4,#9F7AEA,#805AD5,#6B46C1);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;position:relative;min-width:280px;min-height:1.2em;text-align:left;vertical-align:top}@media (max-width:767px){.animated-role{min-width:180px;text-align:left}}@keyframes gradient-shift{0%,to{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}}.fade-out{opacity:0;transform:translateY(-20px) scale(.9);filter:blur(5px)}.fade-in,.fade-out{transition:all .5s ease-in-out}.fade-in{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.cursor{display:inline-block;background:linear-gradient(135deg,#B794F4,#9F7AEA,#805AD5,#6B46C1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:100;margin-left:2px}.cursor.blinking{animation:cursor-blink 1s infinite}.cursor.hidden{opacity:0}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.animated-role.typing{animation:none}.highlight-text{background:linear-gradient(135deg,#B794F4,#9F7AEA,#805AD5,#6B46C1);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;font-style:italic;position:relative;margin:0 8px;padding:0 4px}@keyframes highlight-pulse{0%,to{background-position:0 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}.text-line{display:inline-block;position:relative}.text-line:first-child,.text-line:nth-child(3),.text-line:nth-child(5){animation:none}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animated-role:after,.animated-role:before{content:none;display:none}@keyframes sparkle{0%,90%,to{opacity:0;transform:translateY(-50%) scale(.5)}20%,80%{opacity:1;transform:translateY(-50%) scale(1)}}.mobile-line-1,.mobile-line-2,.mobile-line-break{display:none}.desktop-break{display:block}.desktop-line-1,.desktop-of{display:inline-block}@media (max-width:640px){.animated-text{font-size:clamp(2.2rem,8vw,3.5rem);line-height:1.25}.animated-role:after,.animated-role:before{display:none}.mobile-line-1{display:inline-block}.mobile-line-2,.mobile-line-break{display:block}.desktop-break,.desktop-line-1,.desktop-of{display:none}}@media (min-width:1024px){.animated-text{font-size:clamp(3rem,4vw,5rem)}}@media (min-width:1280px){.animated-text{font-size:clamp(3.5rem,4vw,6rem)}}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2ef8c3e32805fa0d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/38944cd53330cfe5-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7265bd3f9eb7fe28-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/65c344bc49233072-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/91c3caac73720166-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/80755942c15fc3df-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5ec058ec9419b0f7-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/01c9e5d8aa820247-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0fac09c5d5acd5a7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/3359c9acc30ef440-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0d132e0b97f42c8a-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/71414ff8ec62ebb1-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8ed5f8f73d1e574d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7dc9e6a7158767d0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3988c35203e0830a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"IBM Plex Serif Fallback";src:local("Times New Roman");ascent-override:88.04%;descent-override:23.62%;line-gap-override:0.00%;size-adjust:116.43%}.__className_bddae2{font-family:"IBM Plex Serif","IBM Plex Serif Fallback";font-style:normal}.role-artwork-container{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden;transition:opacity .3s ease-in-out}.role-artwork-container.fade-in{opacity:1}.role-artwork-container.fade-out{opacity:0}.artwork-element{position:absolute;color:rgba(255,255,255,.35);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .5s ease-in-out;text-shadow:0 0 15px rgba(255,255,255,.3);will-change:transform}.artwork-element.text-element{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.artwork-element.symbol-element{font-weight:400;filter:blur(.5px)}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotation,0deg))}50%{transform:translateY(-20px) rotate(calc(var(--rotation, 0deg) + 5deg))}}.artwork-element.rain{animation:rain 5s linear infinite;color:rgba(0,255,0,.4);font-family:Courier New,monospace;letter-spacing:.2em}@keyframes rain{0%{transform:translateY(-100px);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(100vh);opacity:0}}.artwork-element.code{color:rgba(207,135,255,.35);font-family:Fira Code,SF Mono,monospace;font-size:.6rem;background:linear-gradient(90deg,transparent,rgba(207,135,255,.1) 50%,transparent);padding:2px 8px;border-radius:4px;animation:typewriter 3s steps(20) infinite}@keyframes typewriter{0%{opacity:0;transform:translateX(-10px)}10%{opacity:.35;transform:translateX(0)}90%{opacity:.35}to{opacity:0}}.role-artwork-container[data-role=builders] .artwork-element{color:rgba(255,193,7,.2)}.role-artwork-container[data-role=hackers] .artwork-element{color:rgba(0,255,0,.15);font-family:Courier New,monospace}.role-artwork-container[data-role=creators] .artwork-element{color:rgba(255,107,107,.2)}.role-artwork-container[data-role=developers] .artwork-element{color:rgba(207,135,255,.15)}.role-artwork-container[data-role=designers] .artwork-element{color:rgba(255,255,255,.2)}@media (max-width:768px){.artwork-element{font-size:.6rem}.artwork-element.text-element{font-size:.5rem}}@media (min-width:1920px){.artwork-element{font-size:1.2rem}.artwork-element.text-element{font-size:.9rem}}@media (max-width:480px){.role-artwork-container{opacity:.5}.artwork-element.text-element{display:none}}.stars-bg{background-image:radial-gradient(3px 3px at 40px 40px,#ffffff,rgba(255,255,255,.2) 50%,transparent);background-size:150px 150px;opacity:.3;animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{background-position:0 0}50%{background-position:100% 100%}}.image-container{transform:scale(1)}@media (min-width:768px) and (max-width:1023px){.image-container{transform:scale(1.4)}}@media (min-width:1024px) and (max-width:1279px){.image-container{transform:scale(1.2)}}@media (min-width:1280px){.image-container{transform:scale(1)}}.image-container:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}