body{overflow-x:hidden}body{margin:0;font-family:Poppins,sans-serif;background:#fff;color:#333}.hero{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0b0b0b;text-align:center;color:#fff;overflow:hidden}.hero .glow-arc{width:100vw;height:100vw;position:absolute;background:#0b0b0b;top:50%;transform:translateY(-18%);border-radius:50%;animation:10s linear infinite glowEffect1 alternate,1s linear 1 glowStart;border:2px solid blueviolet}.hero .bottom-glow{width:300px;aspect-ratio:2/1;position:absolute;bottom:-150px;box-shadow:0 0 500px 120px #8a2be266;border-radius:50%;animation:10s ease-in-out infinite glowEffect2 alternate}.hero .twinkles{position:absolute;bottom:0;width:60%;height:350px;overflow:hidden;pointer-events:none;z-index:1}.hero .twinkle{position:absolute;width:2px;height:2px;background:#8a2be2;border-radius:50%;box-shadow:0 0 10px #8a2be2,0 0 20px #8a2be2}.hero .orbit{position:absolute;left:50%;top:125%;width:0;height:0;transform-origin:0 0;pointer-events:none;z-index:2}.hero .icon-wrapper{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.hero .icon{position:absolute;left:0;top:0;will-change:transform;pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #8a2be299,0 0 10px #8a2be2cc;background:#ffffff05;border-radius:16px;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid blueviolet}.hero .icon span{display:inline-flex;align-items:center;justify-content:center;margin:10px}.hero .hero-content{position:relative;z-index:2;max-width:1000px;margin-top:100px}.hero .hero-content h1{font-family:Forum,serif;font-size:5rem;letter-spacing:5px;font-weight:700;margin:2rem}.hero .hero-content .unrotating-word-container{background:transparent;font-size:3rem;padding:0 10px;border-radius:5px}.hero .hero-content .rotating-word-container{display:inline-flex;justify-content:center;align-items:center;background:transparent;border-radius:10px;vertical-align:middle;overflow:hidden;position:relative;transition:all 1s linear;font-size:3rem}.hero .hero-content p{width:100%;font-family:"IBM Plex Serif",serif;font-size:20px;margin-bottom:2rem;color:#ccc}.hero .hero-content button{padding:.8rem 1.2rem;background:#8a2be2;border:none;border-radius:6px;cursor:pointer;transition:all .5s ease}.hero .hero-content button:hover{background:#af6feb}@keyframes glowStart{0%{box-shadow:0 0 #8a2be200,inset 0 0 #8a2be200}to{box-shadow:0 0 100px 30px #8a2be266,inset 0 0 20px 10px #8a2be266}}@keyframes glowEffect1{0%{box-shadow:0 0 100px 30px #8a2be266,inset 0 0 20px 10px #8a2be266}25%{box-shadow:-40px -20px 100px 20px #8a2be266,inset 0 0 20px 10px #8a2be266}50%{box-shadow:-40px -50px 100px 30px #8a2be266,inset 0 0 20px 10px #8a2be266}75%{box-shadow:40px -50px 100px 20px #8a2be266,inset 0 0 20px 10px #8a2be266}to{box-shadow:40px -20px 100px 30px #8a2be266,inset 0 0 20px 10px #8a2be266}}@keyframes glowEffect2{0%{box-shadow:0 0 500px 120px #8a2be266}to{box-shadow:0 0 300px 50px #8a2be266}}@media (max-width: 768px){.hero .hero-content h1{font-size:4rem;letter-spacing:4px}.hero .hero-content{margin-top:0;width:80vw}.hero .glow-arc{width:90vw;height:90vw;transform:translateY(-50%)}}@media (max-width: 500px){.hero .hero-content{width:75vw}.hero .hero-content h1{font-size:2.4rem;letter-spacing:2px}.hero .hero-content p{font-size:16px}.hero .hero-content button{padding:8px 10px;margin-top:-20px}}@media (max-width: 380px){.hero .hero-content h1{font-size:2rem;margin:1rem}.hero .hero-content p{margin-bottom:1rem}}.staggered-menu-wrapper{position:relative;width:100%;height:100%;z-index:40}.staggered-menu-header{position:absolute;top:0;left:0;width:calc(100vw - 4em);display:flex;align-items:center;justify-content:space-between;padding:2em;background:transparent;pointer-events:none;z-index:20}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;color:#e9e9ef;font-weight:500;line-height:1;overflow:visible}.sm-toggle:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:calc(100vh - 8em);background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);height:100vh;pointer-events:none}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0)}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}.sm-socials-title{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000)}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent, #ff0000)}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-panel-item{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:var(--sm-accent, #5227ff)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media (max-width: 1024px){.staggered-menu-panel{width:100%;left:0;right:0}}@media (max-width: 640px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}
