@keyframes patchGrow{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.2);opacity:.25}}.film-grain{z-index:1;pointer-events:none;opacity:.08;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.6) .5px,transparent 0),radial-gradient(circle at 80% 70%,rgba(255,255,255,.4) .3px,transparent 0),radial-gradient(circle at 40% 80%,rgba(255,255,255,.5) .4px,transparent 0),radial-gradient(circle at 90% 20%,rgba(255,255,255,.3) .6px,transparent 0),radial-gradient(circle at 10% 90%,rgba(255,255,255,.7) .2px,transparent 0),radial-gradient(circle at 60% 40%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(circle at 30% 10%,rgba(255,255,255,.6) .3px,transparent 0),radial-gradient(circle at 70% 60%,rgba(255,255,255,.5) .4px,transparent 0);background-size:4px 4px,6px 6px,3px 3px,5px 5px,2px 2px,7px 7px,4px 4px,5px 5px;background-position:0 0,1px 1px,2px 0,0 2px,3px 1px,1px 3px,2px 2px,3px 3px}.film-grain,.film-grain:before{position:absolute;top:0;left:0;width:100%;height:100%}.film-grain:before{content:"";background-image:radial-gradient(circle at 15% 25%,rgba(207,135,255,.3) .4px,transparent 0),radial-gradient(circle at 85% 75%,rgba(207,135,255,.2) .3px,transparent 0),radial-gradient(circle at 45% 85%,rgba(157,78,221,.4) .5px,transparent 0),radial-gradient(circle at 75% 15%,rgba(207,135,255,.2) .3px,transparent 0),radial-gradient(circle at 25% 65%,rgba(157,78,221,.3) .4px,transparent 0),radial-gradient(circle at 65% 45%,rgba(207,135,255,.25) .2px,transparent 0);background-size:8px 8px,6px 6px,4px 4px,7px 7px,5px 5px,3px 3px;background-position:1px 2px,3px 0,0 3px,2px 1px,4px 4px,1px 1px;opacity:.6}.patch-animate-1,.patch-animate-2,.patch-animate-3,.patch-animate-4,.patch-animate-5,.patch-animate-6{animation:patchGrow 5s ease-in-out infinite}.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/1831d554f4a6c72e-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/4bb7c4805b03088f-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/0bf2851e5c3c33fd-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/0a68262bca23ef37-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/4a55e3a359b42768-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/28de53b5c7bc7c3a-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/3074e30f980f2641-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/e14a6f640cd3427a-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/58d8a8eecfe77d2c-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/d253d336c1ac3662-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/412dd43c0b8d0102-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/d0ae519964ce1eb9-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/0a5e1f922de155b5-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/78bcd4db008a6130-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/5a38c412fa3989d0-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_8121f9{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}