*{--background-colorGrad1:#010154;--background-colorGrad2:#1ba8cf;--main:#fafafa;--main-darker:#f7f5f5;--main-hover:#d9dcdf;--main-active:#bbbdbf;--main-border:#757575;box-sizing:border-box;margin:0;padding:0}body{animation:gradientMove 10s ease-in-out infinite;background:linear-gradient(120deg,var(--background-colorGrad1),var(--background-colorGrad2));background-attachment:fixed;background-repeat:no-repeat;background-size:200% 110%;display:flex;font-family:sans-serif;justify-content:center;overflow-x:hidden;padding:0 50px;position:relative}body:before{animation:waveFloat 10s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#1aa8cf14 0,#0000 30%),radial-gradient(circle at 80% 70%,#0101540f 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff05 0,#0000 20%);z-index:-2}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}body:after{animation:waveMove 15s ease-in-out infinite;background:radial-gradient(ellipse 300px 200px at 30% 20%,#1aa8cf0a 0,#0000 50%),radial-gradient(ellipse 250px 150px at 70% 80%,#01015408 0,#0000 50%);z-index:-1}.particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles:before{animation:float1 20s linear infinite;background:#ffffffe6;box-shadow:120px -80px 0 0 #1aa8cfcc,240px -160px 0 -1px #ffffffb3,360px -40px 0 0 #010154e6,480px -200px 0 -1px #1aa8cf99,600px -120px 0 0 #fffc,720px -300px 0 -1px #010154b3,840px -180px 0 0 #1aa8cfe6,960px -60px 0 -1px #fff9,1080px -240px 0 0 #010154cc,200px -320px 0 1px #1aa8cfb3,400px -100px 0 0 #fffc,580px -260px 0 -1px #01015499,800px -140px 0 1px #1aa8cfe6,1000px -280px 0 0 #ffffffb3,1200px -20px 0 -1px #010154cc;height:6px;left:10%;top:100vh;width:6px}.particles:after,.particles:before{border-radius:50%;content:"";position:absolute}.particles:after{animation:float2 24s linear infinite;background:#1aa8cfcc;box-shadow:140px -100px 0 0 #fffc,280px -50px 0 -.5px #010154b3,420px -220px 0 0 #1aa8cfe6,560px -140px 0 -.5px #fff9,700px -80px 0 0 #010154cc,840px -260px 0 -.5px #1aa8cfb3,980px -160px 0 0 #ffffffe6,1120px -40px 0 -.5px #01015499,160px -300px 0 1px #1aa8cfcc,320px -180px 0 0 #ffffffb3,460px -60px 0 -.5px #010154e6,620px -240px 0 1px #1aa8cf99,780px -120px 0 0 #fffc,920px -280px 0 -.5px #010154b3;height:5px;left:20%;top:105vh;width:5px}.particles-2{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-2:before{animation:float3 22s linear -7s infinite;background:#010154cc;box-shadow:150px -75px 0 0 #ffffffb3,310px -145px 0 -.5px #1aa8cf99,470px -35px 0 0 #010154cc,630px -195px 0 -.5px #ffffff80,790px -115px 0 0 #1aa8cfb3,950px -275px 0 -.5px #01015499,250px -95px 0 1px #fffc,410px -235px 0 0 #1aa8cf80,570px -55px 0 -.5px #010154b3,730px -175px 0 1px #fff9;height:5px;left:30%;top:100vh;width:5px}.particles-2:after,.particles-2:before{border-radius:50%;content:"";position:absolute}.particles-2:after{animation:float4 26s linear -9s infinite;background:#1aa8cfb3;box-shadow:170px -85px 0 0 #01015499,330px -155px 0 -.5px #fffc,490px -45px 0 0 #1aa8cf80,650px -205px 0 -.5px #010154b3,810px -125px 0 0 #fff9,970px -285px 0 -.5px #1aa8cfcc,270px -105px 0 1px #01015480,430px -245px 0 0 #ffffffb3,590px -65px 0 -.5px #1aa8cf99,750px -185px 0 1px #010154cc;height:4px;left:35%;top:105vh;width:4px}.particles-3{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-3:before{animation:float1 24s linear -14s infinite;background:#fff9;box-shadow:130px -70px 0 0 #1aa8cfb3,290px -140px 0 -.5px #01015480,450px -30px 0 0 #fffc,610px -190px 0 -.5px #1aa8cf99,770px -110px 0 0 #010154b3,930px -270px 0 -.5px #ffffff80,230px -90px 0 1px #1aa8cfcc,390px -230px 0 0 #01015499,550px -50px 0 -.5px #ffffffb3,710px -170px 0 1px #1aa8cf80;height:4px;left:50%;top:100vh;width:4px}.particles-3:after,.particles-3:before{border-radius:50%;content:"";position:absolute}.particles-3:after{animation:float2 28s linear -16s infinite;background:#1aa8cf99;box-shadow:160px -95px 0 0 #ffffffb3,320px -165px 0 -.5px #01015499,480px -55px 0 0 #1aa8cfcc,640px -215px 0 -.5px #ffffff80,800px -135px 0 0 #010154b3,960px -295px 0 -.5px #1aa8cf99,240px -115px 0 1px #fffc,400px -255px 0 0 #01015480,560px -75px 0 -.5px #1aa8cfb3,720px -195px 0 1px #fff9;height:3px;left:55%;top:108vh;width:3px}.particles-4{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-4:before{animation:float1 21s linear -5s infinite;background:#ffffffb3;box-shadow:110px -60px 0 0 #1aa8cf99,270px -130px 0 -.5px #010154cc,430px -25px 0 0 #ffffff80,590px -180px 0 -.5px #1aa8cfb3,750px -100px 0 0 #01015499,910px -260px 0 -.5px #fffc,210px -80px 0 1px #1aa8cf80,370px -220px 0 0 #010154b3,530px -40px 0 -.5px #fff9,690px -160px 0 1px #1aa8cfcc;height:4px;left:65%;top:100vh;width:4px}.particles-4:after,.particles-4:before{border-radius:50%;content:"";position:absolute}.particles-4:after{animation:float3 25s linear -12s infinite;background:#010154b3;box-shadow:140px -70px 0 0 #fffc,300px -150px 0 -.5px #1aa8cf80,460px -30px 0 0 #01015499,620px -200px 0 -.5px #ffffffb3,780px -120px 0 0 #1aa8cfcc,940px -280px 0 -.5px #01015480,240px -90px 0 1px #fff9,400px -240px 0 0 #1aa8cfb3,560px -50px 0 -.5px #010154cc,720px -170px 0 1px #ffffff80;height:5px;left:75%;top:103vh;width:5px}.particles-5{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-5:before{animation:float2 23s linear -3s infinite;background:#1aa8cfcc;border-radius:50%;box-shadow:125px -65px 0 0 #010154b3,285px -135px 0 -.5px #fff9,445px -28px 0 0 #1aa8cf80,605px -185px 0 -.5px #010154cc,765px -105px 0 0 #ffffffb3,925px -265px 0 -.5px #1aa8cf99,225px -85px 0 1px #01015480,385px -225px 0 0 #fffc,545px -45px 0 -.5px #1aa8cfb3,705px -165px 0 1px #01015499;content:"";height:3px;left:85%;position:absolute;top:102vh;width:3px}.particles-6{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-6:before{animation:float1 19s linear -1s infinite;background:#fffc;box-shadow:80px -50px 0 0 #1aa8cfb3,160px -120px 0 -.5px #01015499,240px -30px 0 0 #ffffff80,320px -180px 0 -.5px #1aa8cfcc,400px -90px 0 0 #010154b3,480px -250px 0 -.5px #fff9,120px -70px 0 1px #1aa8cf80,200px -210px 0 0 #010154cc,280px -40px 0 -.5px #ffffffb3,360px -150px 0 1px #1aa8cf99;height:4px;left:2%;top:101vh;width:4px}.particles-6:after,.particles-6:before{border-radius:50%;content:"";position:absolute}.particles-6:after{animation:float3 27s linear -8s infinite;background:#010154cc;box-shadow:90px -60px 0 0 #ffffffb3,180px -130px 0 -.5px #1aa8cf80,270px -35px 0 0 #01015499,360px -190px 0 -.5px #fffc,450px -100px 0 0 #1aa8cfb3,540px -260px 0 -.5px #01015480,150px -80px 0 1px #fff9,240px -220px 0 0 #1aa8cfcc,330px -45px 0 -.5px #010154b3,420px -160px 0 1px #ffffff80;height:5px;left:5%;top:104vh;width:5px}.particles-7{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-7:before{animation:float2 22s linear -4s infinite;background:#1aa8cfb3;box-shadow:60px -45px 0 0 #fff9,120px -110px 0 -.5px #010154cc,180px -25px 0 0 #1aa8cf80,240px -170px 0 -.5px #ffffffb3,300px -85px 0 0 #01015499,360px -240px 0 -.5px #1aa8cfcc,90px -65px 0 1px #ffffff80,150px -200px 0 0 #010154b3,210px -35px 0 -.5px #1aa8cf99,270px -145px 0 1px #fffc;height:3px;left:0;top:100vh;width:3px}.particles-7:after,.particles-7:before{border-radius:50%;content:"";position:absolute}.particles-7:after{animation:float4 18s linear -11s infinite;background:#fffc;box-shadow:70px -55px 0 0 #010154b3,140px -120px 0 -.5px #1aa8cf99,210px -30px 0 0 #ffffff80,280px -180px 0 -.5px #010154cc,350px -95px 0 0 #1aa8cfb3,420px -250px 0 -.5px #fff9,105px -75px 0 1px #01015480,175px -210px 0 0 #1aa8cfcc,245px -40px 0 -.5px #ffffffb3,315px -155px 0 1px #01015499;height:4px;left:8%;top:106vh;width:4px}.particles-8{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-8:before{animation:float1 20s linear -2s infinite;background:#ffffffe6;box-shadow:40px -35px 0 0 #1aa8cfcc,80px -90px 0 -.5px #010154b3,120px -20px 0 0 #fff9,160px -140px 0 -.5px #1aa8cfe6,200px -70px 0 0 #01015480,240px -190px 0 -.5px #fffc,60px -55px 0 1px #1aa8cf99,100px -165px 0 0 #010154e6,140px -30px 0 -.5px #ffffffb3,180px -110px 0 1px #1aa8cf80;height:2px;left:-1%;top:99vh;width:2px}.particles-8:after,.particles-8:before{border-radius:50%;content:"";position:absolute}.particles-8:after{animation:float3 17s linear -6s infinite;background:#010154e6;box-shadow:50px -40px 0 0 #fffc,100px -100px 0 -.5px #1aa8cf99,150px -15px 0 0 #010154b3,200px -150px 0 -.5px #ffffff80,250px -80px 0 0 #1aa8cfe6,300px -200px 0 -.5px #01015499,75px -60px 0 1px #ffffffb3,125px -175px 0 0 #1aa8cfcc,175px -25px 0 -.5px #01015480,225px -120px 0 1px #ffffffe6;height:3px;left:3%;top:107vh;width:3px}.particles-9{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-9:before{animation:float1 20s linear -3s infinite;background:#1aa8cfb3;box-shadow:50px -40px 0 0 #fff9,100px -80px 0 -.5px #010154b3,150px -30px 0 0 #1aa8cf80,200px -120px 0 -.5px #fffc,250px -60px 0 0 #01015499,300px -150px 0 -.5px #1aa8cfb3;height:4px;left:1%;top:98vh;width:4px}.particles-9:after,.particles-9:before{border-radius:50%;content:"";position:absolute}.particles-9:after{animation:float2 23s linear -7s infinite;background:#fffc;box-shadow:60px -50px 0 0 #01015499,120px -90px 0 -.5px #1aa8cf80,180px -35px 0 0 #ffffffb3,240px -130px 0 -.5px #010154cc,300px -70px 0 0 #1aa8cf99,360px -160px 0 -.5px #ffffff80;height:3px;left:3%;top:105vh;width:3px}.headerSection{position:-webkit-sticky;position:sticky;top:0;z-index:2}.headerSection .accordion__container,.headerSection .accordion__header:active,.headerSection .accordion__header:hover{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.headerTitle{align-items:baseline;display:flex}.headerTitle .sectionSubTitle{display:flex;flex-wrap:nowrap;font-size:20px;gap:5px;justify-content:center;margin-bottom:4px}.workShort{display:none;flex-direction:column;flex-wrap:wrap;font-size:20px;gap:5px;margin-bottom:4px}.headerTitle .sectionSubTitle .aiTitle{display:flex;gap:5px}.headerTitle .headerTitleSpacer{width:160px}.headerSectionBody .sectionSubTitle{display:flex;font-size:20px;justify-content:center}.headerSectionBody .aboutEducationSplit,.headerSectionBody .aboutTMUEducationMedium,.headerSectionBody .aboutTMUEducationSplit{display:none}.headerSectionBody .contactInfo{display:flex;flex-direction:row;gap:30px;height:20px;justify-content:center;margin-top:10px;padding:0}.headerSectionBody .sectionBlock,.sectionBlock.headerSectionBody{padding:0}.accordion{border-radius:10px}.accordion__container{background:var(--main);gap:1rem;margin-top:25px;max-width:1000px;width:-webkit-min-content;width:min-content;width:100%}.accordion__container,.accordion__item{border-radius:10px;display:flex;flex-direction:column}.accordion__item{box-shadow:0 0 32px #0000001a;width:inherit}.accordion__header{align-items:center;cursor:pointer;display:flex;gap:0;padding:1rem 1.5rem}.accordion__header:hover{background-color:var(--main-hover);border-radius:10px}.accordion__header:active{background:var(--main-active);border-radius:10px}.accordion__header.open:active,.accordion__header.open:hover{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion__name{font-size:35px}.headerSection .accordion__name{flex:1 1}.headerSection .accordion__icon{display:none}.accordion__icon{flex-grow:1;margin-left:10px}.accordion__details{height:0;overflow:hidden}.accordion_body{padding:20px}.accordion__arrow{height:30px;width:30px}.subAccordion{display:flex;gap:10px;justify-content:space-between}.subAccordion.projectsAccordion,.subAccordion.workExperienceAccordion{align-items:center;flex-direction:column}.subAccordion .accordion__container{margin:initial}.subAccordion .accordion{flex:1 1}.subAccordion .accordion_body{display:flex;flex-direction:column;flex-shrink:0;font-size:18px;gap:5px}.subAccordion .programmingSkillsSectionTitle{font-weight:700}.subAccordion .school{margin-top:10px}.subAccordion .certificationExamples{min-width:301px}.sectionBodyImageMin{width:300px}.sectionBodyImageMax{width:500px}.subAccordion .certificationExamples .exampleFull,.subAccordion .certificationExamples .exampleSplit,.subAccordion .leadershipExampleFull,.subAccordion .leadershipExampleSplit{font-size:18px;padding-bottom:10px}.subAccordion .certificationExamples .exampleFull,.subAccordion .leadershipExampleFull{display:none}.subAccordion .leadershipExample.accordion__body{gap:10px}.subAccordion .accordion__header{padding-right:15px}.subAccordion.projectsAccordion .accordion__header,.subAccordion.workExperienceAccordion .accordion__header{padding:15px}.subAccordion.projectsAccordion .accordion_body,.subAccordion.workExperienceAccordion .accordion_body{padding:10px 15px 15px}.subAccordion .accordion__name{font-size:20px}.subAccordion .accordion__arrow{height:25px;width:25px}.mainAccordion{background-color:var(--main-darker);border-radius:10px}.skill{display:flex;justify-content:space-between}.section{display:flex;flex-direction:column;gap:20px}.sectionTitle{font-size:30px}.sectionTitle.workTitle{font-size:26px}.sectionSubTitle{font-size:20px}.sectionSubTitle.projectUniversityShort,.sectionSubTitle.work,.sectionSubTitle.workShort{margin-top:3px}.sectionBody,.sectionBody .sectionBodyDescription{display:flex;flex-direction:column;gap:10px;margin-top:5px}.aboutDescription .sectionBody,.aboutDescription .sectionBody .sectionBodyDescription,.section.about .accordion__container{margin-top:0}.section.about .aboutDescription{display:flex;gap:20px;margin-right:20px}.aboutIntro{border-bottom:2px dashed #919090;margin-bottom:10px;padding-bottom:15px}#ReactSimpleImageViewer{z-index:4}.image{background-color:var(--main-darker);border:1px solid #9c9c9c;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:8px 8px 8px 0 #0006;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.imageCaptionText{display:flex;font-size:12px;justify-content:center;margin:5px}.posterBody{display:flex;flex-direction:column}.pdfViewerContainer{width:-webkit-fit-content;width:fit-content}.pdfViewer,.pdfViewerContainer{height:-webkit-fit-content;height:fit-content}.pdfViewer{border:1px solid #000;display:block;scale:1;width:100%}.canadaFlag{height:30px;transform:translateY(6px);-webkit-transform:translateY(6px);-o-transform:translateY(6px);-moz-transform:translateY(6px);width:30px}.emailSection,.linkedInSection{display:flex;gap:5px}.educationSection{display:flex;gap:10px;justify-content:center}.universityAndYear{display:flex}.crownIcon,.emailIcon{height:20px;width:20px}.certificationExamples .accordion__arrow,.leadershipExamples .accordion__arrow,.programmingSkills .accordion__arrow{display:none}.certificationExamples .awardsIcon,.leadershipExamples .leadershipIcon,.programmingSkills .programmingIcon{display:block;flex-grow:0;height:22px;right:0;width:22px}.certificationExamples .accordion__icon,.leadershipExamples .accordion__icon,.programmingSkills .accordion__icon{flex-grow:0;margin-left:0}.certificationExamples .accordion__header,.leadershipExamples .accordion__header,.programmingSkills .accordion__header{justify-content:space-between}.linkedInIcon{height:22px;width:22px}.aboutIcon{height:20px;transform:translateY(1px);-webkit-transform:translateY(1px);-o-transform:translateY(1px);-moz-transform:translateY(1px);width:20px}.workExperience{gap:initial;position:relative}.workExperienceAccordion{margin-top:20px}.projectsAccordion .accordion__arrow,.workExperienceAccordion .accordion__arrow{display:none}.resumeDownload,.resumeDownloadShort{position:absolute;right:-20px;top:-15px}.resumeDownloadLink,.resumeDownloadLinkShort{border-bottom:1px solid var(--main-border);border-left:1px solid var(--main-border);border-radius:0 0 0 3px;box-shadow:5px 5px 18px #00000040;padding:5px;text-decoration:none}.resumeDownloadLink:hover,.resumeDownloadLinkShort:hover{background-color:var(--main-hover)}.resumeDownloadShort{display:none}.workIcon{height:25px;width:25px}.projectsIcon,.workIcon{transform:translateY(3px);-webkit-transform:translateY(3px);-o-transform:translateY(3px);-moz-transform:translateY(3px)}.projectsIcon{height:30px;width:30px}.projectUniversityShort{display:none}.headerMainText{align-items:baseline;display:flex;flex-grow:1;justify-content:space-evenly}.octaneTitleShort,.sentimentShort{display:none}.tmuCertificate{margin-bottom:20px;margin-top:20px}@media screen and (max-width:1100px){.subAccordion{align-items:center;flex-direction:column}.subAccordion .accordion__container{width:560px}.subAccordion.projectsAccordion .accordion__container,.subAccordion.workExperienceAccordion .accordion__container{width:100%}.subAccordion .certificationExamples .exampleSplit,.subAccordion .leadershipExampleSplit{display:none}.subAccordion .certificationExamples .exampleFull,.subAccordion .leadershipExampleFull{display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width:1000px){.headerSectionBody .aboutTMUEducationFull{display:none}.headerSectionBody .aboutTMUEducationMedium{align-items:center;display:flex;flex-direction:column}}@media screen and (max-width:905px){.aboutSection .certificationExamples .exampleFull,.headerSectionBody .aboutEducationFull,.headerTitle .sectionSubTitle .aiTitle{display:none}.headerSectionBody .aboutEducationSplit{align-items:center;display:flex;flex-direction:column}.accordion__container{width:600px}.section.about .aboutDescription{align-items:center;flex-direction:column;margin-right:0}.resumeDownloadShort{display:block}.resumeDownload{display:none}}@media screen and (max-width:600px){.headerSectionBody .aboutTMUEducationFull,.headerSectionBody .aboutTMUEducationMedium{display:none}.headerSectionBody .aboutTMUEducationSplit{align-items:center;display:flex;flex-direction:column}.accordion__container{width:400px}.subAccordion .accordion__container{width:360px}.subAccordion.projectsAccordion .accordion__container,.subAccordion.workExperienceAccordion .accordion__container{width:100%}.accordion__name{font-size:30px}.headerTitle .sectionSubTitle{display:none;font-size:16px}.sectionTitle{font-size:20px}.sectionSubTitle{font-size:18px}.subAccordion .certificationExamples .exampleFull,.subAccordion .leadershipExampleFull{display:none}.subAccordion .certificationExamples .exampleSplit,.subAccordion .leadershipExampleSplit{display:block}.sectionTitle.workTitle.OCTANE{display:none}.octaneTitleShort{display:block}}@media screen and (max-width:700px){.accordion__container{width:525px}.headerSectionBody .contactInfo{align-items:center;flex-direction:column;gap:0;height:45px}.subAccordion .accordion__container{width:460px}.subAccordion.projectsAccordion .accordion__container,.subAccordion.workExperienceAccordion .accordion__container{width:100%}.canadaFlag{display:none}.canadaFlagLeft{display:inline}.resumeDownloadShort{display:none}.resumeDownload{display:flex;justify-content:flex-end;top:-20px}}@media screen and (max-width:635px){.workShort{display:flex}.work{display:none}.projectUniversityShort{display:flex;flex-direction:column}.projectUniversity{display:none}}@media screen and (max-width:600px){.accordion__container{width:400px}.subAccordion .accordion__container{width:360px}.subAccordion.projectsAccordion .accordion__container,.subAccordion.workExperienceAccordion .accordion__container{width:100%}.accordion__name{font-size:30px}.headerTitle .sectionSubTitle{display:none;font-size:16px}.sectionTitle{font-size:20px}.sectionSubTitle{font-size:18px}.subAccordion .certificationExamples .exampleFull,.subAccordion .leadershipExampleFull{display:none}.subAccordion .certificationExamples .exampleSplit,.subAccordion .leadershipExampleSplit{display:block}.sectionTitle.workTitle.OCTANE{display:none}.octaneTitleShort{display:block}}@media screen and (max-width:430px){.accordion__container{width:360px}.subAccordion .accordion__container{width:300px}.subAccordion.projectsAccordion .accordion__container,.subAccordion.workExperienceAccordion .accordion__container{width:100%}.accordion__name{font-size:25px}.headerTitle .sectionSubTitle{display:none}.sectionSubTitle.educationSubTitle{font-size:15px}.skill{font-size:16px}body{padding:initial}.canadaFlagLeft{display:inline}.headerMainText{flex-grow:0}.headerTitle{justify-content:space-evenly}.companyExperienceExample,.posterBody{font-size:16px}}@media screen and (max-width:360px){.accordion__container{width:100%}.subAccordion .accordion__container{width:290px}#root,.subAccordion.projectsAccordion .accordion__container,.subAccordion.workExperienceAccordion .accordion__container{width:100%}.sectionTitle.workTitle.OCTANE{display:block}.octaneTitleShort{display:none}}.notebook-container{background:var(--main);border-radius:10px;box-shadow:0 0 32px #0000001a;margin:20px 0;overflow:hidden}.notebook-header{align-items:center;background:var(--main);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;cursor:default;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:1rem 1.5rem}.notebook-header h4{color:#333;flex:1 1;font-size:24px;font-weight:600;margin:0}.notebook-external-link{border:1px solid #0000;border-radius:6px;color:var(--background-colorGrad2);font-size:16px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .2s ease}.notebook-external-link:hover{background:var(--main-darker);border-color:var(--main-border);text-decoration:none}.notebook-error,.notebook-loading{background:var(--main);color:#666;font-style:italic;padding:40px 20px;text-align:center}.notebook-error a{color:var(--background-colorGrad2);font-weight:500;text-decoration:none}.notebook-error a:hover{text-decoration:underline}.notebook-iframe{background:var(--main);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:0;transition:opacity .3s ease}@media (max-width:905px){.notebook-header{align-items:flex-start;flex-direction:column;gap:12px}.notebook-header h4{width:100%}.notebook-external-link{align-self:flex-end}}@media (max-width:768px){.notebook-container{margin:15px 0}.notebook-header{align-items:flex-start;flex-direction:column;gap:12px;padding:1rem 1.2rem}.notebook-header h4{font-size:20px}.notebook-external-link{font-size:14px;padding:6px 10px}}@keyframes gradientMove{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes gradientShift{0%,to{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}@keyframes waveFloat{0%,to{opacity:.8;transform:translateY(0) translateX(0) scale(1)}25%{opacity:1;transform:translateY(-10px) translateX(8px) scale(1.05)}50%{opacity:.6;transform:translateY(5px) translateX(-6px) scale(.95)}75%{opacity:.9;transform:translateY(-8px) translateX(10px) scale(1.02)}}@keyframes waveMove{0%,to{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(15px) translateY(-8px) scale(1.03)}50%{transform:translateX(-12px) translateY(6px) scale(.97)}75%{transform:translateX(18px) translateY(-5px) scale(1.01)}}@keyframes float1{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.8;transform:translateY(-100px) translateX(8px)}30%{opacity:1;transform:translateY(-300px) translateX(-5px)}50%{opacity:1;transform:translateY(-500px) translateX(12px)}70%{opacity:.8;transform:translateY(-700px) translateX(-8px)}90%{opacity:.4;transform:translateY(-900px) translateX(10px)}to{opacity:0;transform:translateY(-1000px) translateX(5px)}}@keyframes float2{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.9;transform:translateY(-120px) translateX(-10px)}35%{opacity:1;transform:translateY(-280px) translateX(15px)}55%{opacity:1;transform:translateY(-450px) translateX(-12px)}75%{opacity:.7;transform:translateY(-620px) translateX(18px)}95%{opacity:.3;transform:translateY(-850px) translateX(-8px)}to{opacity:0;transform:translateY(-950px) translateX(5px)}}@keyframes float3{0%{opacity:0;transform:translateY(0) translateX(0)}12%{opacity:.8;transform:translateY(-90px) translateX(12px)}32%{opacity:1;transform:translateY(-260px) translateX(-8px)}52%{opacity:1;transform:translateY(-420px) translateX(16px)}72%{opacity:.8;transform:translateY(-580px) translateX(-10px)}92%{opacity:.3;transform:translateY(-780px) translateX(14px)}to{opacity:0;transform:translateY(-880px) translateX(8px)}}@keyframes float4{0%{opacity:0;transform:translateY(0) translateX(0)}18%{opacity:.9;transform:translateY(-140px) translateX(-14px)}38%{opacity:1;transform:translateY(-320px) translateX(10px)}58%{opacity:1;transform:translateY(-500px) translateX(-16px)}78%{opacity:.7;transform:translateY(-680px) translateX(12px)}98%{opacity:.2;transform:translateY(-920px) translateX(-6px)}to{opacity:0;transform:translateY(-980px) translateX(4px)}}