@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.overflow-hidden{overflow:hidden}.bg-\[\#1137ca\]{background-color:#1137ca}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{white-space:nowrap;height:100vh;display:inline-block}[data-scroll-direction=horizontal] [data-scroll-section]{vertical-align:top;white-space:nowrap;height:100%;display:inline-block}.c-scrollbar{transform-origin:100%;opacity:0;width:11px;height:100%;transition:transform .3s,opacity .3s;position:absolute;top:0;right:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{opacity:.5;width:7px;cursor:-webkit-grab;cursor:grab;background-color:#000;border-radius:10px;margin:2px;position:absolute;top:0;right:0}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}html,body{overflow-x:hidden}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
*{box-sizing:border-box;margin:0%;padding:0%}html,body{width:100%;height:100%}#main{background-color:#1137ca;position:relative;overflow:hidden}@font-face{font-family:a;src:url(/assets/fonts/jost-variable.ttf)}@font-face{font-family:b;src:url(/assets/fonts/font-b.ttf)}@font-face{font-family:c;src:url(/assets/fonts/font-c.ttf)}#page1{width:100vw;height:100vh;position:relative}#page1>video{object-fit:cover;width:100%;height:100%}#page1>nav{justify-content:space-between;align-items:center;width:100vw;height:10vh;padding:0 30px;display:flex;position:absolute}#page1>nav>img{width:9%;margin-top:-1.7vw}#right-nav>button{color:#fff;background-color:#0b48ed;border:1px solid #fff;border-radius:50px;padding:10px 20px;font-family:a;font-size:15px}.bottom-page1{width:50vw;height:35vh;position:absolute;bottom:5%;left:10%}.bottom-page1>h1{color:#fff;font-family:a;font-size:5vw;font-weight:100;line-height:1}.bottom-page1-inner{justify-content:space-between;align-items:center;width:100%;height:35%;font-family:a;display:flex;position:absolute;bottom:0%}.bottom-page1-inner>button{color:#0b48ed;background-color:#fff;border:none;border-radius:50px;padding:10px 20px;font-family:b;font-size:16px}.bottom-page1-inner>h4{color:#fff;font-size:1.3vw;font-weight:100}#page2{color:#fff;background-color:#0a3cce;flex-direction:column;justify-content:center;align-items:start;width:100vw;height:100vh;padding:0 8vw;font-family:a;display:flex;position:relative}#page2>h2{margin-bottom:3vw;font-weight:100}#page2>h1{color:#dadada69;width:90%;font-size:4vw;font-weight:100;line-height:1.3}#page3{width:100vw;height:100vh;position:relative}#page3>canvas{max-width:100vw;max-height:100vh;position:relative}#page4{background-color:#1137ca;flex-direction:column;justify-content:center;align-items:start;width:100vw;height:100vh;font-family:a;display:flex;position:relative}#page4>h3{color:#fff;margin-bottom:2vw;margin-left:15vw;font-weight:100}#page4>h1{color:#dadada69;width:70%;margin-left:15vw;font-size:3vw;font-weight:100}#page5{width:100vw;height:100vh;position:relative}#page5>canvas{max-width:100vw;max-height:100vh;position:relative}#page6{background-color:#0a3cce;flex-direction:column;justify-content:center;align-items:start;width:100vw;height:100vh;font-family:a;display:flex;position:relative}#page6>h3{color:#fff;margin-bottom:2vw;margin-left:15vw;font-weight:100}#page6>h1{color:#dadada69;width:70%;margin-left:15vw;font-size:3vw;font-weight:100}#page7{background-color:#0a3cce;width:100vw;height:100vh;position:relative}#page7>canvas{max-width:100vw;max-height:100vh;position:relative}.page7-cir{z-index:9;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30vw;height:30vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page7-cir-inner{background-color:#0000;border:1px solid #fff;border-radius:50%;width:70%;height:70%}#page8{background-color:#0a3cce;width:100vw;height:100vh;position:relative}#page8>video{object-fit:cover;width:100%;height:100%}.page8-bottom{text-align:center;font-family:a;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.page8-bottom>h1{color:#fff;margin-bottom:2vw;font-size:5vw;font-weight:100}.page8-bottom>button{color:#0a3cce;background-color:#fff;border:none;border-radius:50px;padding:20px 30px}#page9{background-color:#0a3cce;width:100vw;height:100vh;display:flex;position:relative}.left9{width:40%;height:100%;font-family:a;position:relative}.left9>h1{color:#fff;font-size:5vw;font-weight:100;line-height:1;position:absolute;top:40%;right:5%;transform:translateY(-50%)}.right9{width:60%;height:100%;position:relative}.right9-center{background-image:url(https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-1.jpeg);background-size:cover;border-radius:10px;width:85%;height:50%;position:absolute;top:50%;left:5%;transform:translateY(-50%)}#page10{background-color:#0a3cce;width:100vw;height:100vh;position:relative}.right10{width:60%;height:100%;position:relative;left:40%}.right10-inner{color:#fff;flex-direction:column;align-items:start;width:100%;height:33.3%;font-family:a;display:flex}.right10-inner>h1{font-size:2vw}.right10-inner>p{width:80%;margin-top:2vw;font-size:1.3vw}#page11{background-color:#fff;width:100vw;height:110vh;font-family:a;position:relative}#page11>h1{color:#000;font-size:4vw;font-weight:100;position:absolute;top:5%;left:10%}.page11-inner{width:100%;height:24%;margin-bottom:2vw;display:flex;position:relative;top:18%}.left11{border-radius:10px;width:40%;height:100%;position:relative;left:5%;overflow:hidden}.left11>img{object-fit:cover;width:100%;height:100%}.right11{color:#000;width:50%;height:100%;padding-top:5vw;position:absolute;left:50%}.right11>h4{font-weight:100}.right11>h1{font-size:2vw}#page12{background-color:#02268e;width:100vw;height:100vh;position:relative}.page12-inner{color:#fff;font-family:a;position:absolute;top:20%;right:10%}.page12-inner>h1{font-size:5vw;font-weight:100}.page12-inner>p{font-size:1.3vw}#page13{color:#fff;background-color:#000;width:100vw;height:50vh;padding:7vw 10vw;font-family:a;position:relative}#page13>h1{font-size:5vw;font-weight:100;line-height:1}#page13>button{color:#fff;background-color:#0a3cce;border:none;border-radius:50px;margin-top:2vw;padding:18px 30px}#page14{background-color:#000;width:100vw;height:60vh;position:relative}.page14-inner{color:#fff;border-top:.5px solid #ffffff5c;border-bottom:.5px solid #ffffff48;justify-content:space-between;align-items:center;width:100%;height:33.3%;padding:0 5vw;font-family:a;display:flex;position:relative}.page14-inner>i{z-index:9999;font-size:2.4vw;font-weight:100;position:relative}.page14-inner>h1{z-index:9999;font-size:3vw;font-weight:100;position:relative}.center14{background-color:#0a3cce;width:100%;height:0%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page14-inner:hover .center14{height:100%}