@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_slnt_wght-Cl4AQHp9.ttf)}@font-face{font-family:TiltWarp;src:url(/assets/TiltWarp-Regular-VariableFont_XROT_YROT-odE2Hquv.ttf)}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-VariableFont_wght-BrlcHZ7m.ttf)}@font-face{font-family:Nohemi;src:url(/assets/Nohemi-VF-g-J0t_Xk.ttf)}*{font-family:Inter,sans-serif}h1,h2,h3,h4,h5{font-family:Nohemi,sans-serif;font-weight:650}@keyframes spinneralt{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.gg-spinner-alt{transform:scale(var(--ggs, 1))}.gg-spinner-alt,.gg-spinner-alt:before{box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner-alt:before{content:"";position:absolute;border-radius:100px;animation:spinneralt 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-top-color:currentColor}.gg-server{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:16px;height:20px;border:2px solid;border-radius:3px}.gg-server:after,.gg-server:before{content:"";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor}.gg-server:before{top:2px;box-shadow:0 4px;border-radius:3px;width:8px;left:2px}.gg-server:after{width:2px;border-radius:10px;left:5px;bottom:2px}.gg-flag-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:14px;height:20px;border-left:2px solid}.gg-flag-alt:after,.gg-flag-alt:before{content:"";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-flag-alt:before{width:12px;height:10px;border-top:2px solid;border-right:2px solid transparent}.gg-flag-alt:after{width:8px;height:8px;border-left:2px solid;border-top-left-radius:2px;border-bottom-right-radius:2px;transform:rotate(45deg);top:1px;left:6px}.gg-arrow-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px}.gg-arrow-right:after,.gg-arrow-right:before{content:"";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-arrow-right:after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:7px}.gg-arrow-right:before{width:16px;height:2px;bottom:10px;background:currentColor}.gg-camera{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.gg-camera:after,.gg-camera:before{content:"";display:block;box-sizing:border-box;position:absolute}.gg-camera:before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.gg-camera:after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}.Navbar{position:fixed;z-index:100;top:0;left:0;right:0;width:100%;display:flex;justify-content:center;padding:1rem}.Navbar .box{background-color:#fff2;padding:.5rem .8rem;border-radius:5rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:.1rem solid rgba(0,0,0,.3333333333);position:relative;width:fit-content;max-width:calc(100vw - 2rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.Navbar .box .nav-menu-desktop{display:flex}.Navbar .box .nav-menu-desktop ul{display:flex;list-style:none;gap:.4rem;margin:0;padding:0}.Navbar .box .nav-menu-desktop ul li a{color:#fff;text-decoration:none;padding:.7rem 1rem;border-radius:5rem;font-weight:500;display:block;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.Navbar .box .nav-menu-desktop ul li a.active{box-shadow:0 0 0 1px #fff2;background-color:#0003}.Navbar .box .nav-menu-desktop ul li a:hover:not(.active){background-color:#fff1;transform:translateY(-2px)}.Navbar .box .mobile-navbar{display:none}@media(max-width:768px){.Navbar .box .mobile-navbar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.Navbar .box .mobile-navbar .mobile-title{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:-.5px;white-space:nowrap}.Navbar .box .mobile-navbar .logo-mobile{display:flex;align-items:center}.Navbar .box .mobile-navbar .logo-mobile img{height:40px;width:auto;transition:transform .3s}.Navbar .box .mobile-navbar .logo-mobile:hover img{transform:scale(1.05)}.Navbar .box .mobile-navbar .burger-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s;width:44px;height:44px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Navbar .box .mobile-navbar .burger-btn span{display:block;position:absolute;height:2.5px;width:24px;background:#fff;border-radius:3px;opacity:1;left:50%;transform:translate(-50%);transition:.25s ease-in-out}.Navbar .box .mobile-navbar .burger-btn span:nth-child(1){top:13px}.Navbar .box .mobile-navbar .burger-btn span:nth-child(2){top:20.5px}.Navbar .box .mobile-navbar .burger-btn span:nth-child(3){top:28px}.Navbar .box .mobile-navbar .burger-btn.open span:nth-child(1){top:20.5px;transform:translate(-50%) rotate(135deg)}.Navbar .box .mobile-navbar .burger-btn.open span:nth-child(2){opacity:0}.Navbar .box .mobile-navbar .burger-btn.open span:nth-child(3){top:20.5px;transform:translate(-50%) rotate(-135deg)}.Navbar .box .mobile-navbar .burger-btn:hover{background-color:#fff1}}@media(max-width:480px){.Navbar .box .mobile-navbar .logo-mobile img{height:35px}.Navbar .box .mobile-navbar .burger-btn{width:40px;height:40px}.Navbar .box .mobile-navbar .burger-btn span{width:22px}.Navbar .box .mobile-navbar .burger-btn span:nth-child(1){top:12px}.Navbar .box .mobile-navbar .burger-btn span:nth-child(2){top:19px}.Navbar .box .mobile-navbar .burger-btn span:nth-child(3){top:26px}.Navbar .box .mobile-navbar .burger-btn.open span:nth-child(1),.Navbar .box .mobile-navbar .burger-btn.open span:nth-child(3){top:19px}}@media(max-width:768px){.Navbar .box{width:calc(100% - 2rem);max-width:none}.Navbar .box .nav-menu-desktop{display:none}}.Navbar.scrolled .box{background-color:#fff4;box-shadow:0 .5rem 2rem #0000004d;border:.1rem solid rgba(255,255,255,.1333333333);padding:.4rem .7rem}.Navbar.scrolled .box .nav-menu-desktop ul li a{padding:.6rem .9rem;font-size:.9rem}@media(max-width:768px){.Navbar.scrolled .box .mobile-navbar .logo-mobile img{height:35px}.Navbar.scrolled .box .mobile-navbar .burger-btn{width:40px;height:40px}}.mobile-menu{position:fixed;top:0;right:-100%;width:85vw;max-width:380px;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1333333333);padding:5rem 2rem 2rem;transition:right .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:102;box-shadow:-10px 0 50px #00000080}.mobile-menu.open{right:0}.mobile-menu .close-btn{position:absolute;top:1.5rem;right:1.5rem;width:50px;height:50px;background-color:#fff2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:1px solid rgba(255,255,255,.1333333333);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:103}.mobile-menu .close-btn span{display:block;position:absolute;height:2.5px;width:24px;background:#fff;border-radius:3px;left:50%;top:50%}.mobile-menu .close-btn span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.mobile-menu .close-btn span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu .close-btn:hover{background-color:#fff3;transform:scale(1.1) rotate(90deg)}.mobile-menu nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.mobile-menu nav ul li a{display:block;color:#fff;text-decoration:none;padding:1.2rem 1.5rem;border-radius:1.2rem;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff1;border:1px solid rgba(255,255,255,.1333333333)}.mobile-menu nav ul li a.active{box-shadow:0 0 0 1px #fff2;background-color:#0003}.mobile-menu nav ul li a:hover:not(.active){background-color:#fff2;transform:translate(8px)}@media(max-width:480px){.mobile-menu{width:90vw;padding:5rem 1.5rem 2rem}.mobile-menu .close-btn{top:1rem;right:1rem;width:45px;height:45px}.mobile-menu .close-btn span{width:22px}.mobile-menu nav ul{gap:.6rem}.mobile-menu nav ul li a{font-size:1rem;padding:1rem 1.2rem}}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:101;animation:fadeIn .3s ease-in-out;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Footer{padding:0 1rem;margin-top:10rem;position:relative}@keyframes colors-anim{0%{filter:hue-rotate(0deg) blur(4rem)}to{filter:hue-rotate(359deg) blur(4rem)}}.Footer .color{animation:colors-anim 10s linear infinite;position:absolute;inset:0;background:linear-gradient(135deg,#6dacdf,#dd84e6);z-index:-1;filter:blur(4rem);opacity:.5}.Footer .box{background-color:#111;border:.1rem solid rgba(221,132,230,.2);border-radius:1.5rem 1.5rem 0 0;padding:2rem 1rem;z-index:1;padding:2rem 2rem 1rem}.Footer .box h4{font-size:1.5rem}.Footer .box .top{display:flex;justify-content:space-around}.Footer .box .top .summary h4{display:flex;align-items:center;gap:1rem}.Footer .box .top .summary h4 img{width:3rem}.Footer .box .top .summary .links{display:flex;gap:5rem;margin:2rem 0 0 2rem}.Footer .box .top .summary .links ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.Footer .box .top .summary .links ul a{color:#b9b9b9;position:relative;text-decoration:none}.Footer .box .top .summary .links ul a:hover{color:#fff}.Footer .box .top .summary .links ul a:before{content:">";position:absolute;left:-1rem}.Footer .box .top .follow h4{margin-top:1rem}.Footer .box .top .follow ul{list-style:none;margin-top:1rem;display:flex;gap:1rem}.Footer .box .top .follow ul li a{padding:.5rem;background-color:#000;border:.1rem solid #6dacdf;display:flex;align-items:center;justify-content:center;width:3rem;aspect-ratio:1;border-radius:50%;color:#fff}.Footer .box .bottom{display:flex;justify-content:flex-end;color:#b9b9b9}.Footer .box .bottom a{color:#b9b9b9}@media screen and (max-width:768px){.Footer .box .top{flex-direction:column;gap:2rem}.Footer .box .bottom{margin-top:1rem}}.Home{margin:0!important;padding:0 1rem!important;background-color:#000;overflow-y:hidden}.Hero{height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}@keyframes color-appear{0%{opacity:0;scale:0}}.Hero .background-color{animation:color-appear 1.5s .5s both;z-index:0;position:absolute;background-color:#dd84e633;max-width:40rem;width:100%;aspect-ratio:1.5;border-radius:50%;filter:blur(20rem);margin-top:5rem}.Hero .background-code-container{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;justify-content:center;padding:2vw}.Hero .background-code-container .red{color:#f57171}.Hero .background-code-container .purple{color:#dd84e6}.Hero .background-code-container .yellow{color:#ccbc5f}.Hero .background-code-container .green{color:#6bb675}.Hero .background-code-container .white{color:#fff}.Hero .background-code-container .blue{color:#6dacdf}.Hero .background-code-container .Typewriter{filter:blur(max(.6vw,.45rem));line-height:5rem;color:#f5717166;opacity:.5}.Hero .background-code-container .Typewriter *{font-family:JetBrains Mono;font-size:max(3vw,1.8rem);-webkit-user-select:none;user-select:none}.Hero .center-container{z-index:10;padding:0 1rem}.Hero .center-container .center{text-align:center}.Hero .center-container .center img{width:10rem;aspect-ratio:1;margin-bottom:2rem}@keyframes title-appear{0%{font-weight:300}}.Hero .center-container .center h1{animation:title-appear 1.5s both;font-size:8rem;transition:.3s}.Hero .center-container code *{font-family:JetBrains Mono,monospace;font-size:1.2rem}.Hero .center-container code * .color{color:#dd84e6;font-weight:500}@media screen and (max-width:1000px){.Hero .center-container .center h1{font-size:5rem}}@media screen and (max-width:768px){.Hero .center-container .center img{width:8rem}.Hero .center-container .center h1{font-size:3rem}}.Images{padding:0 10vw;padding-bottom:8rem!important}.Images .code{position:absolute;font-family:JetBrains Mono;color:#dd84e6;font-size:2rem;filter:blur(.5rem);-webkit-user-select:none;user-select:none;background:linear-gradient(45deg,#dd84e6,#ff6b08);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:3rem}.Images .images{display:flex;justify-content:center;z-index:10}.Images .images img{width:33%;max-width:30rem;z-index:10;object-fit:cover;border-radius:1rem;border:.15rem solid #dd84e6}.Images .images :nth-child(1){margin-right:-2rem;z-index:1;border-color:#ccbc5f}.Images .images :nth-child(2){margin-right:-2rem;translate:0 -1rem;z-index:3}.Images .images :nth-child(3){z-index:1;border-color:#6dacdf}@media screen and (max-width:1200px){.Images{padding:0}.Images .code{margin-top:-5rem;margin-left:2rem}.Images .images{justify-content:center}.Images .images img{width:33%}}@media screen and (max-width:768px){.Images .images{flex-direction:column;align-items:center;perspective:1000px}.Images .images img{translate:0 0!important;margin:0!important;width:100%;transform:rotateX(-7deg)}.Images .images :nth-child(1){z-index:1}.Images .images :nth-child(2){margin-top:-2rem!important;z-index:2}.Images .images :nth-child(3){z-index:3;margin-top:-3rem!important}}.SocialMedia h2{text-align:center;font-size:2.5rem}.Projects{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:4rem}.Projects h2{font-size:3rem}.Projects>a{background-color:#ccbc5f;color:#000;padding:.3rem .8rem;border-radius:.5rem;text-decoration:none;margin:1rem 0;display:inline-block;font-weight:500;display:flex;align-items:center;gap:.5rem}.Projects .cards{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-bottom:5rem}.Projects .cards .card{color:unset;text-decoration:unset;text-align:left;background-color:#111;border:.1rem solid rgba(221,132,230,.2);border-radius:1rem;padding:2rem;max-width:40rem;flex:1 1 0px;font-size:1.1rem;display:flex;flex-direction:column;gap:1.5rem;transition:1s}.Projects .cards .card.ctf{box-shadow:0 0 5rem #f5717166}.Projects .cards .card.ctf:hover{box-shadow:0 0 5rem #f5717180}.Projects .cards .card.infra{box-shadow:0 0 5rem #6dacdf66}.Projects .cards .card.infra:hover{box-shadow:0 0 5rem #6dacdf80}.Projects .cards .card.infra .bottom a{background-color:#6dacdf}.Projects .cards .card.infra .bottom a:hover{background-color:#4394d6}.Projects .cards .card .top{flex:1}.Projects .cards .card .top h3{font-size:1.8rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.Projects .cards .card .top p{color:#dd84e6;font-weight:500;margin-bottom:.5rem}.Projects .cards .card .top ul{margin-left:1.5rem}.Projects .cards .card .top ul li{padding:.2rem 0;line-height:1.5rem}.Projects .cards .card .top .tags{margin-top:1rem}.Projects .cards .card .top .tags .tag{display:inline-block;border:.1rem solid rgba(107,182,117,.5);background-color:#6bb6751a;color:#6bb675;font-weight:600;padding:.3rem .8rem;border-radius:.5rem;margin:.2rem}.Projects .cards .card .bottom{display:flex;justify-content:center}.Projects .cards .card .bottom a{background-color:#f57171;color:#000;padding:.5rem 1rem;text-decoration:none;border-radius:.5rem;font-weight:500;transition:.2s;display:flex;align-items:center;gap:.5rem}.Projects .cards .card .bottom a:hover{background-color:#f24141}@media screen and (max-width:768px){.Projects .cards{flex-direction:column}}.DvCtf{margin-top:8rem;display:flex;align-items:center;flex-direction:column}.DvCtf h2{font-size:3rem;margin-bottom:1rem}.DvCtf p{font-size:1.1rem}.DvCtf .images{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.DvCtf .images img{width:30rem;object-fit:cover;border-radius:1rem;border:.2rem solid #f57171}.DvCtf .images img:nth-child(2){border-color:#ccbc5f}@media screen and (max-width:1000px){.DvCtf .images img{width:40%}}@media screen and (max-width:768px){.DvCtf .images{flex-direction:column}.DvCtf .images img{width:100%}}.Home .MasterclassesSection{margin-top:12rem;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}.Home .MasterclassesSection h2{font-size:3rem}.Home .MasterclassesSection>p{max-width:50rem;font-size:1.1rem;margin-top:1rem}.Home .MasterclassesSection .masterclasses-count{display:inline-flex;gap:.8rem;align-items:center;margin-top:1rem;background-color:#111;padding:.5rem .8rem;border:.1rem solid rgba(221,132,230,.3);border-radius:1rem;z-index:2}.Home .MasterclassesSection .masterclasses-count h3{font-size:1.5rem;color:#dd84e6;line-height:2rem}.Home .MasterclassesSection .masterclasses-count p{font-size:1rem}.Home .MasterclassesSection a{background-color:#6bb67533;border:.2rem solid rgb(78.6153846154,159.3846153846,89.3846153846);color:#fff;box-shadow:0 0 3rem #6bb67580;padding:1rem 1.5rem;border-radius:1rem;text-decoration:none;display:flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:600;margin-top:1rem;transition:.3s}.Home .MasterclassesSection a:hover{background-color:#6bb6754d}.Resources{background-color:#000;overflow-y:hidden}.Resources:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.Resources .ResourcesContent{padding:4rem 10vw;z-index:10;position:relative;min-height:100vh;margin-top:-100px}.Resources .ResourcesContent:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent 0%,#000000 70%);pointer-events:none;z-index:-1}.Resources .ResourcesContent{padding-top:100px}@media screen and (max-width:768px){.Resources .ResourcesContent{padding:2rem 1rem;padding-top:50px}}.IntroSection{margin-bottom:6rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 2rem}@keyframes intro-appear{0%{opacity:0;translate:0 2rem}}.IntroSection{animation:intro-appear .8s both}.IntroSection .intro-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.IntroSection .intro-header .intro-icon{color:#6bb675;flex-shrink:0}.IntroSection .intro-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0}.IntroSection .intro-text{font-size:1.2rem;line-height:1.8;color:#ccc;margin-bottom:3rem}.IntroSection .intro-text strong{color:#6bb675;font-weight:600}.IntroSection .roadmap{margin-bottom:3rem}.IntroSection .roadmap h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:2rem}.IntroSection .roadmap .roadmap-steps{display:flex;align-items:stretch;gap:1rem;flex-wrap:nowrap}@media(max-width:1400px){.IntroSection .roadmap .roadmap-steps{flex-wrap:wrap;flex-direction:column;gap:2.5rem}}.IntroSection .roadmap .step{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:200px;padding:1.5rem;background-color:#ffffff08;border:.15rem solid rgba(255,255,255,.1);border-radius:.75rem;transition:.3s;position:relative}.IntroSection .roadmap .step:hover{background-color:#6bb6750d;border-color:#6bb6754d;transform:translateY(-.3rem)}@media(max-width:1400px){.IntroSection .roadmap .step:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-2rem;height:2rem;width:2px;background-color:#6bb67580;transform:translate(-50%);z-index:0}.IntroSection .roadmap .step:not(:last-child):before{content:"";position:absolute;left:50%;bottom:-2.4rem;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #6bb675;transform:translate(-50%);z-index:0}}.IntroSection .roadmap .step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#6bb675,#6dacdf);color:#000;font-weight:700;font-size:1.1rem;border-radius:50%;flex-shrink:0}.IntroSection .roadmap .step-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.IntroSection .roadmap .step-content strong{display:block;font-size:1.05rem;font-weight:600;color:#fff;line-height:1.3}.IntroSection .roadmap .step-content p{font-size:.9rem;color:#888;margin:0;line-height:1.4}.IntroSection .roadmap .step-arrow{color:#6bb675;flex-shrink:0;opacity:.5;margin-top:1.5rem}@media(max-width:1400px){.IntroSection .roadmap .step-arrow{display:none}}.IntroSection .intro-tip{padding:1.5rem 2rem;background:linear-gradient(135deg,#6bb6751a,#6dacdf1a);border-left:.3rem solid #6bb675;border-radius:.5rem;font-size:1.05rem;line-height:1.7;color:#ccc}.IntroSection .intro-tip strong{color:#6bb675;font-weight:600}@media(max-width:768px){.IntroSection{padding:0 1rem}.IntroSection .intro-header{flex-direction:row;align-items:center;gap:.75rem}.IntroSection .intro-header h2{font-size:1.5rem}.IntroSection .intro-header .intro-icon{width:24px;height:24px}.IntroSection .intro-text{font-size:1rem;margin-bottom:2rem}.IntroSection .roadmap h3{font-size:1.25rem;margin-bottom:1.5rem}.IntroSection .roadmap .step{min-width:100%;padding:1.25rem}.IntroSection .intro-tip{padding:1.25rem 1.5rem;font-size:.95rem}}.ResourcesHero{min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding-top:80px}.ResourcesHero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,#000000 100%);pointer-events:none;z-index:5}.ResourcesHero .background-color{z-index:0;position:absolute;background:radial-gradient(circle,rgba(107,182,117,.15) 0%,transparent 70%);max-width:50rem;width:100%;aspect-ratio:1;border-radius:50%;filter:blur(100px)}.ResourcesHero .center-container{z-index:10;padding:0 1.5rem;text-align:center;width:100%}.ResourcesHero .center-container .center h1{animation:title-appear 1.2s cubic-bezier(.2,.8,.2,1) both;font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-2px}.ResourcesHero .center-container .center .typewriter-text{font-size:1.5rem;opacity:.9;font-weight:500}.ResourcesHero .center-container .center .typewriter-text .color{color:#6bb675;font-weight:600;text-shadow:0 0 20px rgba(107,182,117,.4)}@media screen and (max-width:768px){.ResourcesHero{min-height:50vh;padding-bottom:6rem}.ResourcesHero .center-container{padding:0 1rem}.ResourcesHero .center-container .center h1{font-size:3rem;margin-bottom:.8rem;letter-spacing:-1.5px}.ResourcesHero .center-container .center p{font-size:1.1rem;line-height:1.4}}.EnvironmentSection{margin-bottom:6rem}.EnvironmentSection .section-header{text-align:center;margin-bottom:4rem}.EnvironmentSection .section-header h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#6bb675,#6dacdf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.EnvironmentSection .section-header p{font-size:1.2rem;opacity:.7}.EnvironmentSection .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.EnvironmentSection .cards-grid .ResourceCard{animation:card-appear .8s both;background-color:#fff1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:.15rem solid rgba(107,182,117,.3);border-radius:1rem;padding:2rem;transition:.3s}.EnvironmentSection .cards-grid .ResourceCard:hover{background-color:#fff2;border-color:#6bb675;transform:translateY(-.5rem);box-shadow:0 1rem 3rem #6bb6754d}.EnvironmentSection .cards-grid .ResourceCard:nth-child(1){animation-delay:.1s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(2){animation-delay:.2s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(3){animation-delay:.3s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(4){animation-delay:.4s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(5){animation-delay:.5s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(6){animation-delay:.6s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(7){animation-delay:.7s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(8){animation-delay:.8s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(9){animation-delay:.9s}.EnvironmentSection .cards-grid .ResourceCard:nth-child(10){animation-delay:1s}.EnvironmentSection .cards-grid .ResourceCard .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.EnvironmentSection .cards-grid .ResourceCard .card-header .icon{font-size:2.5rem;line-height:1}.EnvironmentSection .cards-grid .ResourceCard .card-header h3{font-size:1.8rem;flex:1;min-width:fit-content;margin:0}.EnvironmentSection .cards-grid .ResourceCard .description{margin-bottom:1.5rem;opacity:.8;line-height:1.6;flex-grow:1}.EnvironmentSection .cards-grid .ResourceCard .pros-cons{margin-bottom:1.5rem}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .pros,.EnvironmentSection .cards-grid .ResourceCard .pros-cons .cons{margin-bottom:1rem}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .pros strong,.EnvironmentSection .cards-grid .ResourceCard .pros-cons .cons strong{display:block;margin-bottom:.5rem;font-size:.95rem}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .pros ul,.EnvironmentSection .cards-grid .ResourceCard .pros-cons .cons ul{list-style:none;padding-left:0;margin:0}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .pros ul li,.EnvironmentSection .cards-grid .ResourceCard .pros-cons .cons ul li{padding-left:1.5rem;position:relative;margin-bottom:.3rem;font-size:.9rem;opacity:.7}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .pros ul li:before,.EnvironmentSection .cards-grid .ResourceCard .pros-cons .cons ul li:before{content:"•";position:absolute;left:.5rem;color:#6bb675}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .pros strong{color:#6bb675}.EnvironmentSection .cards-grid .ResourceCard .pros-cons .cons strong{color:#f57171}.EnvironmentSection .cards-grid .ResourceCard .card-link{display:inline-block;color:#6bb675;text-decoration:none;font-weight:500;padding:.8rem 1.5rem;border:.1rem solid #6bb675;border-radius:5rem;transition:.3s;text-align:center;width:fit-content}.EnvironmentSection .cards-grid .ResourceCard .card-link:hover{background-color:#6bb67533;transform:translate(.5rem)}@media(max-width:768px){.EnvironmentSection .section-header{margin-bottom:2rem}.EnvironmentSection .section-header h2{font-size:2rem}.EnvironmentSection .section-header p{font-size:1rem}.EnvironmentSection .ResourceCard{padding:1.5rem}.EnvironmentSection .ResourceCard .card-header{gap:.75rem}.EnvironmentSection .ResourceCard .card-header .icon{font-size:2rem}.EnvironmentSection .ResourceCard .card-header h3{font-size:1.5rem}.EnvironmentSection .ResourceCard .card-link{width:100%}}.PlatformsSection{margin-bottom:6rem}.PlatformsSection .section-header{text-align:center;margin-bottom:4rem}.PlatformsSection .section-header h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#6bb675,#6dacdf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.PlatformsSection .section-header p{font-size:1.2rem;opacity:.7}.PlatformsSection .filters-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}@media(max-width:768px){.PlatformsSection .filters-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;margin-left:-1rem;margin-right:-1rem}.PlatformsSection .filters-bar::-webkit-scrollbar{display:none}.PlatformsSection .filters-bar{scrollbar-width:none}}.PlatformsSection .filter-btn{padding:.8rem 1.5rem;background-color:#fff1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:.15rem solid rgba(107,182,117,.2);border-radius:5rem;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:.3s;white-space:nowrap;flex-shrink:0}.PlatformsSection .filter-btn:hover{background-color:#fff2;border-color:#6bb67566}.PlatformsSection .filter-btn.active{background-color:#6bb67526;border-color:#6bb675;color:#6bb675;box-shadow:0 .5rem 1.5rem #6bb67533}.PlatformsSection .platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:100%}.PlatformsSection .platforms-grid:has(.platform-card:only-child) .platform-card{max-width:500px}@media(min-width:768px){.PlatformsSection .platforms-grid:has(.platform-card:only-child) .platform-card{margin:0 auto}}.PlatformsSection .platform-card{display:flex;flex-direction:column;padding:2rem;background-color:#fff1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:.15rem solid rgba(107,182,117,.3);border-radius:1rem;transition:.3s;animation:card-appear .8s both}.PlatformsSection .platform-card:hover{background-color:#fff2;border-color:#6bb675;transform:translateY(-.5rem);box-shadow:0 1rem 3rem #6bb6754d}.PlatformsSection .platform-header{display:flex;gap:1rem;margin-bottom:1.5rem}.PlatformsSection .platform-logo{font-size:3rem;flex-shrink:0;line-height:1}.PlatformsSection .platform-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.PlatformsSection .platform-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.PlatformsSection .platform-meta{display:flex;gap:1rem;flex-wrap:wrap}.PlatformsSection .platform-rating,.PlatformsSection .platform-users{display:flex;align-items:center;gap:.375rem;color:#888;font-size:.875rem;font-weight:600}.PlatformsSection .platform-rating svg,.PlatformsSection .platform-users svg{color:#6bb675;flex-shrink:0}.PlatformsSection .platform-description{color:#888;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;font-size:.95rem}.PlatformsSection .platform-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.PlatformsSection .feature-tag{padding:.375rem .75rem;background:#6bb6751a;border:1px solid rgba(107,182,117,.3);border-radius:.375rem;color:#6bb675;font-size:.8125rem;font-weight:600;white-space:nowrap}.PlatformsSection .platform-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.PlatformsSection .category-tag{padding:.375rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:#666;font-size:.8125rem;white-space:nowrap}.PlatformsSection .platform-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(107,182,117,.2)}.PlatformsSection .difficulty-badge{padding:.375rem .75rem;border-radius:5rem;font-size:.75rem;font-weight:700;background-color:#fff1}.PlatformsSection .difficulty-badge.difficulty-easy{color:#6bb675}.PlatformsSection .difficulty-badge.difficulty-medium{color:#ccbc5f}.PlatformsSection .difficulty-badge.difficulty-hard{color:#f57171}.PlatformsSection .platform-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#6bb675;color:#000;text-decoration:none;border-radius:.5rem;font-weight:700;font-size:.875rem;transition:.3s;white-space:nowrap}.PlatformsSection .platform-link svg{flex-shrink:0}.PlatformsSection .platform-link:hover{transform:translateY(-.3rem);box-shadow:0 .6rem 2rem #6bb67566}@media(max-width:1024px){.PlatformsSection .platforms-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.PlatformsSection .section-header{margin-bottom:2rem}.PlatformsSection .section-header h2{font-size:2rem}.PlatformsSection .section-header p{font-size:1rem}.PlatformsSection .filters-bar{margin-bottom:2rem}.PlatformsSection .platform-card{padding:1.5rem}.PlatformsSection .platform-footer{flex-direction:column;gap:.75rem;align-items:stretch}.PlatformsSection .difficulty-badge{text-align:center;background-color:#ffffff0d}.PlatformsSection .platform-link{width:100%;justify-content:center}}.ToolsSection.accordion-style{margin-bottom:6rem}.ToolsSection.accordion-style .section-header{text-align:center;margin-bottom:4rem}.ToolsSection.accordion-style .section-header h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#6bb675,#6dacdf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ToolsSection.accordion-style .section-header p{font-size:1.2rem;opacity:.7}.ToolsSection.accordion-style .accordion-container{display:flex;flex-direction:column;gap:1.5rem}.ToolsSection.accordion-style .accordion-item{background-color:#fff1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:.15rem solid rgba(107,182,117,.2);border-radius:1rem;overflow:hidden;transition:.3s}.ToolsSection.accordion-style .accordion-item:hover{border-color:#6bb67566}.ToolsSection.accordion-style .accordion-item.open{border-color:var(--category-color, #6bb675);box-shadow:0 .5rem 2rem #6bb67533}.ToolsSection.accordion-style .accordion-item.open .accordion-header{border-bottom:.15rem solid rgba(107,182,117,.2)}.ToolsSection.accordion-style .accordion-item.open .chevron{transform:rotate(180deg)}.ToolsSection.accordion-style .accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem;background:transparent;border:none;cursor:pointer;transition:.3s;text-align:left}.ToolsSection.accordion-style .accordion-header:hover{background-color:#ffffff08}.ToolsSection.accordion-style .header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.ToolsSection.accordion-style .category-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#ffffff0d;border:.15rem solid var(--category-color, #6bb675);border-radius:1rem;color:var(--category-color, #6bb675);flex-shrink:0;transition:.3s}.ToolsSection.accordion-style .category-icon svg{flex-shrink:0}.accordion-item.open .ToolsSection.accordion-style .category-icon{background-color:#6bb6751a}.ToolsSection.accordion-style .category-info{display:flex;flex-direction:column;gap:.5rem}.ToolsSection.accordion-style .category-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.ToolsSection.accordion-style .category-description{font-size:.95rem;color:#888;margin:0}.ToolsSection.accordion-style .header-right{display:flex;align-items:center;gap:1.5rem}.ToolsSection.accordion-style .tools-count{font-size:.9rem;font-weight:600;color:#666;padding:.5rem 1rem;background-color:#ffffff0d;border-radius:5rem}.ToolsSection.accordion-style .chevron{color:var(--category-color, #6bb675);transition:transform .3s;flex-shrink:0}.ToolsSection.accordion-style .accordion-content{overflow:hidden;transition:max-height .6s ease,opacity .4s ease,padding .4s ease}.ToolsSection.accordion-style .tools-grid{display:flex;flex-direction:column;gap:1rem;padding:2rem}@keyframes card-appear{0%{opacity:0;translate:0 1rem}}.ToolsSection.accordion-style .tool-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#ffffff08;border:.15rem solid rgba(255,255,255,.1);border-radius:.75rem;transition:.3s;animation:card-appear .4s both}.ToolsSection.accordion-style .tool-card:hover{background-color:#ffffff0d;border-color:var(--category-color, #6bb675);transform:translate(.5rem)}.ToolsSection.accordion-style .tool-header{display:flex;align-items:center;gap:1rem;min-width:250px;flex-shrink:0}.ToolsSection.accordion-style .tool-icon{font-size:2rem;flex-shrink:0;line-height:1}.ToolsSection.accordion-style .tool-info{display:flex;flex-direction:column;gap:.25rem}.ToolsSection.accordion-style .tool-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.ToolsSection.accordion-style .tool-description{color:#888;line-height:1.5;font-size:.9rem;flex:1}.ToolsSection.accordion-style .tool-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-width:200px}.ToolsSection.accordion-style .tag{padding:.25rem .65rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:#666;font-size:.75rem;white-space:nowrap}.ToolsSection.accordion-style .tool-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;color:var(--category-color, #6bb675);text-decoration:none;border:.15rem solid var(--category-color, #6bb675);border-radius:.5rem;font-weight:600;font-size:.85rem;transition:.3s;white-space:nowrap;flex-shrink:0}.ToolsSection.accordion-style .tool-link svg{flex-shrink:0}.ToolsSection.accordion-style .tool-link:hover{background:var(--category-color, #6bb675);color:#000;transform:translateY(-.2rem)}@media(max-width:1200px){.ToolsSection.accordion-style .tool-card{flex-wrap:wrap}.ToolsSection.accordion-style .tool-header{min-width:200px}.ToolsSection.accordion-style .tool-description{flex-basis:100%;order:3}.ToolsSection.accordion-style .tool-tags{min-width:auto;flex:1}.ToolsSection.accordion-style .tool-link{flex-basis:100%;justify-content:center;order:4}}@media(max-width:768px){.ToolsSection.accordion-style .section-header{margin-bottom:2rem}.ToolsSection.accordion-style .section-header h2{font-size:2rem}.ToolsSection.accordion-style .section-header p{font-size:1rem}.ToolsSection.accordion-style .accordion-header{padding:1.5rem}.ToolsSection.accordion-style .header-left{gap:1rem}.ToolsSection.accordion-style .category-icon{width:50px;height:50px}.ToolsSection.accordion-style .category-icon svg{width:20px;height:20px}.ToolsSection.accordion-style .category-name{font-size:1.25rem}.ToolsSection.accordion-style .category-description{font-size:.85rem}.ToolsSection.accordion-style .tools-count{display:none}.ToolsSection.accordion-style .tools-grid{padding:1.5rem}.ToolsSection.accordion-style .tool-card{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}.ToolsSection.accordion-style .tool-header{min-width:auto}.ToolsSection.accordion-style .tool-tags,.ToolsSection.accordion-style .tool-link{width:100%}}.DocumentationSection{margin-bottom:6rem}.DocumentationSection .section-header{text-align:center;margin-bottom:4rem}.DocumentationSection .section-header h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#6bb675,#6dacdf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.DocumentationSection .section-header p{font-size:1.2rem;opacity:.7}.DocumentationSection .documentation-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}@keyframes section-appear{0%{opacity:0;translate:0 1rem}}.DocumentationSection .doc-section{animation:section-appear .6s both}.DocumentationSection .doc-section:nth-child(1){animation-delay:.15s}.DocumentationSection .doc-section:nth-child(2){animation-delay:.3s}.DocumentationSection .doc-section:nth-child(3){animation-delay:.45s}.DocumentationSection .doc-section:nth-child(4){animation-delay:.6s}.DocumentationSection .doc-section:nth-child(5){animation-delay:.75s}.DocumentationSection .doc-section:nth-child(6){animation-delay:.9s}.DocumentationSection .doc-section:nth-child(7){animation-delay:1.05s}.DocumentationSection .doc-section:nth-child(8){animation-delay:1.2s}.DocumentationSection .doc-section:nth-child(9){animation-delay:1.35s}.DocumentationSection .doc-section:nth-child(10){animation-delay:1.5s}.DocumentationSection .section-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:.15rem solid rgba(107,182,117,.3)}.DocumentationSection .links-list{display:flex;flex-direction:column;gap:.5rem}.DocumentationSection .doc-link{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:.3s;border-radius:.5rem}.DocumentationSection .doc-link:hover{background-color:#6bb6750d;transform:translate(.5rem)}.DocumentationSection .doc-link:hover .link-arrow{color:#6bb675;transform:translate(.3rem)}.DocumentationSection .doc-link:hover .link-text strong,.DocumentationSection .doc-link:hover .external-icon{color:#6bb675}.DocumentationSection .link-arrow{font-size:1.5rem;color:#666;transition:.3s;font-weight:700;flex-shrink:0}.DocumentationSection .link-text{font-size:.95rem;color:#888;line-height:1.6;flex:1}.DocumentationSection .link-text strong{color:#fff;font-weight:600;transition:.3s}.DocumentationSection .external-icon{color:#666;flex-shrink:0;transition:.3s}@media(max-width:768px){.DocumentationSection .section-header{margin-bottom:2rem}.DocumentationSection .section-header h2{font-size:2rem}.DocumentationSection .section-header p{font-size:1rem}.DocumentationSection .documentation-content{gap:3rem;padding:0 1rem}.DocumentationSection .section-title{font-size:1.5rem;margin-bottom:1rem}.DocumentationSection .doc-link{padding:.85rem;gap:.75rem}.DocumentationSection .link-arrow{font-size:1.2rem}.DocumentationSection .link-text{font-size:.85rem}.DocumentationSection .external-icon{display:none}}.ProjectsPage{background-color:#000;overflow-y:hidden}.ProjectsPage:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(109,172,223,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(109,172,223,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.ProjectsPage .ProjectsContentWrapper{padding:4rem 10vw;z-index:10;position:relative;min-height:100vh;margin-top:-100px}.ProjectsPage .ProjectsContentWrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent 0%,#000000 70%);pointer-events:none;z-index:-1}.ProjectsPage .ProjectsContentWrapper{padding-top:100px}@media screen and (max-width:768px){.ProjectsPage .ProjectsContentWrapper{padding:2rem 1rem;padding-top:50px}}.ProjectsHero{min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding-top:80px}.ProjectsHero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,#000000 100%);pointer-events:none;z-index:5}.ProjectsHero .background-color{z-index:0;position:absolute;background:radial-gradient(circle,rgba(109,172,223,.12) 0%,transparent 70%);max-width:50rem;width:100%;aspect-ratio:1;border-radius:50%;filter:blur(100px)}.ProjectsHero .center-container{z-index:10;padding:0 1.5rem;text-align:center;width:100%}.ProjectsHero .center-container .center h1{animation:title-appear 1.2s cubic-bezier(.2,.8,.2,1) both;font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-2px}.ProjectsHero .center-container .center .typewriter-text{font-size:1.5rem;opacity:.9;font-weight:500}.ProjectsHero .center-container .center .typewriter-text .color{color:#6dacdf;font-weight:600;text-shadow:0 0 20px rgba(109,172,223,.4)}@media screen and (max-width:768px){.ProjectsHero{min-height:50vh;padding-bottom:6rem}.ProjectsHero .center-container{padding:0 1rem}.ProjectsHero .center-container .center h1{font-size:3rem;margin-bottom:.8rem;letter-spacing:-1.5px}.ProjectsHero .center-container .center p{font-size:1.1rem;line-height:1.4}}.ProjectsContent{display:flex;flex-direction:column;gap:8rem;padding-bottom:4rem}.ProjectsContent .project-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative}@keyframes project-fade-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ProjectsContent .project-section{animation:project-fade-in .8s ease-out both}.ProjectsContent .project-section:nth-child(1){animation-delay:.2s}.ProjectsContent .project-section:nth-child(2){animation-delay:.4s}.ProjectsContent .project-section.layout-right .project-image{order:2}.ProjectsContent .project-section.layout-right .project-details{order:1}.ProjectsContent .project-section .project-image{position:relative}.ProjectsContent .project-section .project-image .image-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;transition:all .4s ease}.ProjectsContent .project-section .project-image .image-container img{width:100%;height:auto;display:block;transition:transform .4s ease}.ProjectsContent .project-section .project-details{display:flex;flex-direction:column;gap:1.5rem;background:#1119;border:1px solid rgba(109,172,223,.15);border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;transition:all .4s ease}.ProjectsContent .project-section .project-details:hover{border-color:#6dacdf40;box-shadow:0 12px 48px #6dacdf1a;transform:translateY(-2px)}.ProjectsContent .project-section .project-details .project-header{display:flex;align-items:flex-start;gap:1.5rem}.ProjectsContent .project-section .project-details .project-header .project-number{font-size:3rem;font-weight:700;color:#6dacdf;opacity:.2;line-height:1}.ProjectsContent .project-section .project-details .project-header .project-title{font-size:2.5rem;font-weight:600;margin:0;position:relative;display:inline-block;color:#fff}.ProjectsContent .project-section .project-details .project-header .project-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#6dacdf;border-radius:2px}.ProjectsContent .project-section .project-details .project-header .project-subtitle{font-size:1rem;color:#6dacdf;opacity:.7;margin-top:.5rem;font-weight:500}.ProjectsContent .project-section .project-details .project-description{font-size:1.1rem;line-height:1.6;color:#fffc}.ProjectsContent .project-section .project-details .project-long-description{padding:1.5rem;background:#6dacdf08;border-left:3px solid rgba(109,172,223,.3);border-radius:8px}.ProjectsContent .project-section .project-details .project-long-description p{font-size:.95rem;line-height:1.7;color:#ffffffb3;margin:0}.ProjectsContent .project-section .project-details .project-features h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}.ProjectsContent .project-section .project-details .project-features ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.ProjectsContent .project-section .project-details .project-features ul li{display:flex;align-items:flex-start;gap:1rem;font-size:.95rem;line-height:1.6}.ProjectsContent .project-section .project-details .project-features ul li .feature-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.ProjectsContent .project-section .project-details .project-features ul li .feature-text{color:#ffffffb3}.ProjectsContent .project-section .project-details .project-technologies h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}.ProjectsContent .project-section .project-details .project-technologies .tech-tags{display:flex;flex-wrap:wrap;gap:.8rem}.ProjectsContent .project-section .project-details .project-technologies .tech-tags .tech-tag{padding:.5rem 1rem;background:#000c;border:1px solid;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease}.ProjectsContent .project-section .project-details .project-technologies .tech-tags .tech-tag:hover{transform:translateY(-2px);background:#000;box-shadow:0 4px 12px #0000004d}.ProjectsContent .project-section .project-details .project-links{display:flex;gap:1rem;margin-top:1rem}.ProjectsContent .project-section .project-details .project-links .project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.ProjectsContent .project-section .project-details .project-links .project-link i{font-size:1.2rem}.ProjectsContent .project-section .project-details .project-links .project-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.ProjectsContent .project-section .project-details .project-links .project-link.primary{background:#6dacdf;border:none;color:#000}.ProjectsContent .project-section .project-details .project-links .project-link.primary:hover{box-shadow:0 8px 20px #6dacdf4d}@media screen and (max-width:968px){.ProjectsContent{gap:5rem}.ProjectsContent .project-section{display:flex;flex-direction:column;gap:2rem}.ProjectsContent .project-section .project-details{order:-1!important;width:100%;padding:2rem}.ProjectsContent .project-section .project-details .project-header{flex-direction:column;gap:1rem}.ProjectsContent .project-section .project-details .project-header .project-number,.ProjectsContent .project-section .project-details .project-header .project-title{font-size:2rem}.ProjectsContent .project-section .project-image{order:1!important;width:100%}.ProjectsContent .project-section .project-image .image-container{width:100%}}.Page.Masterclasses{display:flex;align-items:center;flex-direction:column}.Page.Masterclasses h1{font-size:4rem;margin-top:5rem;margin-bottom:5rem}.Page.Masterclasses h2{font-size:2.5rem;margin-bottom:1.5rem;margin-top:3rem}.Page.Masterclasses .masterclass-category{max-width:100rem;width:100%}.Page.Masterclasses .masterclass-category .masterclasses-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr;gap:1rem}@media screen and (max-width:1000px){.Page.Masterclasses h1{font-size:2.5rem}.Page.Masterclasses h2{font-size:2rem}.Page.Masterclasses .masterclass-category .masterclasses-grid{grid-template-columns:1fr}}@keyframes card-appear{0%{opacity:0;translate:0 2rem}}.MasterclassCard{animation:card-appear .5s both;background-color:#111;padding:1.5rem;border:.1rem solid rgba(107,182,117,.5);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between}.MasterclassCard h3{font-size:1.5rem;margin-bottom:.8rem}.MasterclassCard .image-container{width:100%;height:7rem;margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:1rem}.MasterclassCard .image-container img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;width:100%;height:100%;object-fit:cover;filter:blur(1rem)}.MasterclassCard .replay,.MasterclassCard .slides{background-color:#6bb675;padding:.6rem 1rem;border-radius:.5rem;color:#000;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;margin-right:.5rem}.MasterclassCard .slides{background-color:#cc8b5f}.MasterclassCard.purple{border-color:#dd84e6}.MasterclassCard.red{border-color:#f57171}.MasterclassCard.blue{border-color:#6dacdf}.MasterclassCard.yellow{border-color:#ccbc5f}.MasterclassCard.orange{border-color:#cc8b5f}.MasterclassCard.green{border-color:#6bb675}.MasterclassHero{min-height:40vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.MasterclassHero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:5}.MasterclassHero .background-color{z-index:0;position:absolute;max-width:50rem;width:100%;aspect-ratio:1;border-radius:50%;filter:blur(100px)}.MasterclassHero .center-container{z-index:10;padding:0 1.5rem;text-align:center;width:100%}@keyframes title-appear{0%{font-weight:300;opacity:0;transform:translateY(-20px)}}.MasterclassHero .center-container .center h1{animation:title-appear 1.2s cubic-bezier(.2,.8,.2,1) both;font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-2px}.MasterclassHero .center-container .center .typewriter-text{font-size:1.5rem;opacity:.9;font-weight:500}.MasterclassHero .center-container .center .typewriter-text .color{color:#6dacdf;font-weight:600;text-shadow:0 0 20px rgba(109,172,223,.4)}@media screen and (max-width:768px){.MasterclassHero{min-height:50vh;padding-bottom:6rem}.MasterclassHero .center-container{padding:0 1rem}.MasterclassHero .center-container .center h1{font-size:3rem;margin-bottom:.8rem;letter-spacing:-1.5px}.MasterclassHero .center-container .center p{font-size:1.1rem;line-height:1.4}}.NotFound{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.NotFound .notfound-container{width:100%;max-width:700px;position:relative;z-index:1;text-align:center;animation:slideUp .6s ease-out}.NotFound .notfound-container .error-code{margin-bottom:1.5rem}.NotFound .notfound-container .error-code .glitch{position:relative;color:#fff;font-weight:700;font-size:7rem;letter-spacing:.15em;animation:glitch-skew 1s infinite linear alternate-reverse}.NotFound .notfound-container .error-code .glitch:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.NotFound .notfound-container .error-code .glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}.NotFound .notfound-container h2{font-size:2rem;margin:0 0 1rem;color:#fff;font-weight:600}.NotFound .notfound-container .error-message{font-size:1.1rem;color:#fffc;margin:0 0 2rem}.NotFound .notfound-container .error-message .highlight{color:#ff6b6b;font-weight:600;font-family:Courier New,monospace}.NotFound .notfound-container .terminal{background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.8rem;margin:2rem 0;text-align:left;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.NotFound .notfound-container .terminal .terminal-header{padding:.8rem 1rem;background:#1a1a1ae6;border-radius:.8rem .8rem 0 0;display:flex;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.NotFound .notfound-container .terminal .terminal-header .terminal-dot{width:12px;height:12px;border-radius:50%}.NotFound .notfound-container .terminal .terminal-header .terminal-dot.red{background:#ff5f56}.NotFound .notfound-container .terminal .terminal-header .terminal-dot.yellow{background:#ffbd2e}.NotFound .notfound-container .terminal .terminal-header .terminal-dot.green{background:#27c93f}.NotFound .notfound-container .terminal .terminal-body{padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.8}.NotFound .notfound-container .terminal .terminal-body p{margin:.3rem 0;color:#0f0}.NotFound .notfound-container .terminal .terminal-body .prompt{color:#0f0;font-weight:700}.NotFound .notfound-container .terminal .terminal-body .path{color:#0f0;margin-right:.5rem}.NotFound .notfound-container .terminal .terminal-body .error{color:#ff6b6b}.NotFound .notfound-container .terminal .terminal-body .cursor{animation:blink 1s infinite}.NotFound .notfound-container .back-button{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background-color:#fff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1333333333);border-radius:5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin:1.5rem 0}.NotFound .notfound-container .back-button .icon{font-size:1.3rem;transition:transform .3s}.NotFound .notfound-container .back-button:hover{background-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 30px #ffffff26}.NotFound .notfound-container .back-button:hover .icon{transform:translate(-5px)}@media screen and (max-width:768px){.NotFound .notfound-container .error-code .glitch{font-size:5rem}.NotFound .notfound-container h2{font-size:1.5rem}.NotFound .notfound-container .error-message{font-size:1rem}.NotFound .notfound-container .terminal .terminal-body{font-size:.85rem;padding:1rem}.NotFound .notfound-container .back-button{padding:.9rem 1.5rem;font-size:.95rem}}@media screen and (max-width:480px){.NotFound{padding:1rem .5rem}.NotFound .notfound-container .error-code .glitch{font-size:4rem;letter-spacing:.1em}.NotFound .notfound-container h2{font-size:1.3rem}.NotFound .notfound-container .terminal .terminal-body{font-size:.8rem;padding:.8rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes glitch-anim{0%{clip:rect(54px,9999px,1px,0);transform:skew(.32deg)}5%{clip:rect(87px,9999px,40px,0);transform:skew(.31deg)}10%{clip:rect(87px,9999px,1px,0);transform:skew(.28deg)}15%{clip:rect(51px,9999px,96px,0);transform:skew(.93deg)}20%{clip:rect(8px,9999px,77px,0);transform:skew(.21deg)}25%{clip:rect(83px,9999px,93px,0);transform:skew(.54deg)}30%{clip:rect(73px,9999px,50px,0);transform:skew(.28deg)}35%{clip:rect(44px,9999px,63px,0);transform:skew(.49deg)}40%{clip:rect(52px,9999px,9px,0);transform:skew(.75deg)}45%{clip:rect(32px,9999px,90px,0);transform:skew(.24deg)}50%{clip:rect(32px,9999px,53px,0);transform:skew(.44deg)}55%{clip:rect(46px,9999px,62px,0);transform:skew(.43deg)}60%{clip:rect(21px,9999px,57px,0);transform:skew(.9deg)}65%{clip:rect(54px,9999px,89px,0);transform:skew(.54deg)}70%{clip:rect(69px,9999px,89px,0);transform:skew(1deg)}75%{clip:rect(68px,9999px,30px,0);transform:skew(.38deg)}80%{clip:rect(8px,9999px,45px,0);transform:skew(.82deg)}85%{clip:rect(55px,9999px,86px,0);transform:skew(.05deg)}90%{clip:rect(52px,9999px,17px,0);transform:skew(.49deg)}95%{clip:rect(99px,9999px,61px,0);transform:skew(.75deg)}to{clip:rect(85px,9999px,89px,0);transform:skew(.55deg)}}@keyframes glitch-anim2{0%{clip:rect(5px,9999px,86px,0);transform:skew(.48deg)}5%{clip:rect(79px,9999px,5px,0);transform:skew(.58deg)}10%{clip:rect(64px,9999px,10px,0);transform:skew(.37deg)}15%{clip:rect(42px,9999px,79px,0);transform:skew(.92deg)}20%{clip:rect(90px,9999px,35px,0);transform:skew(.43deg)}25%{clip:rect(27px,9999px,53px,0);transform:skew(.27deg)}30%{clip:rect(54px,9999px,52px,0);transform:skew(.47deg)}35%{clip:rect(89px,9999px,43px,0);transform:skew(.35deg)}40%{clip:rect(54px,9999px,1px,0);transform:skew(.04deg)}45%{clip:rect(11px,9999px,57px,0);transform:skew(.4deg)}50%{clip:rect(39px,9999px,27px,0);transform:skew(.4deg)}55%{clip:rect(35px,9999px,44px,0);transform:skew(.71deg)}60%{clip:rect(68px,9999px,22px,0);transform:skew(.8deg)}65%{clip:rect(87px,9999px,97px,0);transform:skew(.75deg)}70%{clip:rect(18px,9999px,62px,0);transform:skew(.6deg)}75%{clip:rect(78px,9999px,17px,0);transform:skew(.22deg)}80%{clip:rect(82px,9999px,4px,0);transform:skew(.52deg)}85%{clip:rect(59px,9999px,17px,0);transform:skew(.96deg)}90%{clip:rect(13px,9999px,74px,0);transform:skew(.3deg)}95%{clip:rect(49px,9999px,53px,0);transform:skew(.18deg)}to{clip:rect(14px,9999px,52px,0);transform:skew(.34deg)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(5deg)}20%{transform:skew(1deg)}30%{transform:skew(5deg)}40%{transform:skew(-3deg)}50%{transform:skew(2deg)}60%{transform:skew(-1deg)}70%{transform:skew(-3deg)}80%{transform:skew(2deg)}90%{transform:skew(4deg)}to{transform:skew(2deg)}}.Legal.Page{display:flex;justify-content:center}.Legal.Page h1{font-size:3rem;margin-bottom:3rem}.Legal.Page h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem}.Legal.Page h3{font-size:1.5rem;margin-top:1rem;margin-bottom:1rem}.Legal.Page ul{margin-left:2rem}.Legal.Page ul li{padding:.3rem}.Legal.Page p{max-width:50rem;text-align:justify;margin-bottom:1rem}body{background-color:#000;color:#fff;overflow-x:hidden}.App{overflow-x:hidden}.App .Page{min-height:100vh;margin-top:10rem;padding:0 2rem}@keyframes page-appear{0%{opacity:0}}.App .Page,.App .Navbar{animation:page-appear .8s;overflow-x:hidden;transition:.8s}.App .LoaderScreen{position:fixed;inset:0;background-color:#000;z-index:100;display:flex;align-items:center;justify-content:center}.App .LoaderScreen p{display:flex;align-items:center;gap:1rem}.App.loading .Page,.App.loading .Navbar,.App.loading .Footer{filter:blur(.5rem);opacity:0}.App.loading .Page *,.App.loading .Navbar *,.App.loading .Footer *{animation:none!important}.App.loaded .LoaderScreen{display:none}