.navBar{z-index:100;background:0 0;border-bottom-right-radius:1.5em;border-bottom-left-radius:1.5em;height:auto;font-weight:500;transition:transform .3s,background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0;overflow:hidden;color:#fff!important}.navBar--solid{-webkit-backdrop-filter:blur(14px);background:#080810b3;border-bottom:1px solid #ffffff12;box-shadow:0 4px 24px #0006}.navBar--hidden{transform:translateY(-100%)}.navList.active{color:#4fc3f7}#mainMenuList li p.active:after{width:100%}.navBarContainer{z-index:1;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:38px;padding:6px 20px;display:flex;position:relative}#main-title{cursor:pointer;letter-spacing:.06em;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;font-size:1.2em;font-weight:600;font-family:var(--font-teko),"Teko",sans-serif;-webkit-background-clip:text;background-clip:text;margin:0;transition:opacity .2s}#main-title:hover{opacity:.75}#main-title>a{font-size:1.5em;font-weight:600;line-height:inherit;white-space:nowrap;cursor:pointer;margin:0 .5em;display:inline-block}.navBar ul{flex-direction:row;flex-basis:auto;gap:4px;margin-left:auto;padding-right:50px;list-style:none;display:flex}.navBar ul li{margin-left:8px;margin-right:8px;display:flex}#mainMenuList li p{cursor:pointer;letter-spacing:.05em;color:#f0f4ffbf;margin:0;padding:4px 2px;font-size:.9em;transition:color .2s;position:relative}#mainMenuList li p:after{content:"";background:#4fc3f7;width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}#mainMenuList li p:hover{color:#fff}#mainMenuList li p:hover:after{width:100%}.navList{text-decoration:none}@media (max-width:650px){#main-title{font-size:1em}.navBarContainer{height:32px;padding:4px 15px}}@media (max-width:600px){#mainMenuList{display:none}.menu-icon,.menu-icon-animation{display:block!important}}.menu-icon{cursor:pointer;filter:invert();width:0;height:0;margin-right:20px;transition:all .2s;display:none}.menu-icon-animation{width:36px;height:36px;transition:all .2s;display:none}#indicator{background:linear-gradient(90deg,#4fc3f7,#7c4dff);border-radius:2px;height:2px;margin:0 0 4px;transition:all .1s ease-in;position:absolute}.mobile-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:10;background-color:#080814f7;border-top:1px solid #ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100vw;height:calc(100vh - 80px);padding:40px 2em;transition:all .3s ease-in;display:flex;position:fixed}.mobile-nav p{color:#f0f4ffd9;cursor:pointer;font-size:2.5em;font-family:var(--font-teko),"Teko",sans-serif;letter-spacing:.08em;margin:0;padding:16px 0;transition:color .2s;position:relative}.mobile-nav p:after{content:"";background:linear-gradient(90deg,#4fc3f7,#7c4dff);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mobile-nav p:hover{color:#fff}.mobile-nav p:hover:after{width:60%}.mobile-nav.closed{left:-120vw}.mobile-nav.open{left:0;color:#fff!important}
.hero{background:0 0;align-items:center;min-height:100vh;margin:0;display:flex;position:relative;overflow:hidden}.hero-background{background:radial-gradient(farthest-side at 0 0,#7c4dff38,#0000),radial-gradient(at 100% 0,#4fc3f71f,#0000 800px);width:100vw;height:100%;position:absolute}.hero-text{z-index:2;width:50%;margin:1em;position:relative}.intro-skip{z-index:10;font:inherit;letter-spacing:.08em;color:#8892aa;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10101e8c;border:1px solid #ffffff1f;border-radius:999px;padding:.45em 1.1em;font-size:.85em;transition:color .2s,border-color .2s;position:absolute;bottom:2em;right:2em}.intro-skip:hover,.intro-skip:focus-visible{color:#f0f4ff;border-color:#4fc3f780}.blake-stagner{color:#fff;flex-direction:column;justify-content:center;align-items:center;max-width:500px;height:calc(100vh - 2em);margin:0 0 0 auto;display:flex}.blake-stagner h1{z-index:5;letter-spacing:.06em;text-shadow:0 0 60px #4fc3f733,0 2px 4px #00000080;margin:0;line-height:.8}.blake-stagner>p{z-index:5;letter-spacing:.02em;margin:.4em 0 0;font-size:1.5em}.welcome-text{opacity:0;transition:opacity .5s linear}.welcome-text-animation{opacity:1;transition-delay:4s}.universe-text{opacity:0;text-shadow:0 0 20px #fff,0 0 30px #4fc3f7e6,0 0 60px #4fc3f780;font-weight:700;transition:opacity 2s linear}.universe-text-animation{opacity:1;transition-delay:4.5s}.heading-1{font-size:0;transition:all .5s}.heading-animate-1{font-size:10em;transition:all .5s;left:100px}.heading-2{font-size:0;transform:translate(-100vw,150px)}.heading-animate-2{font-size:7em;font-weight:500;transition:all .5s;left:100px}.heading-transition{transition-delay:4s}@media (max-width:900px){.hero{flex-direction:column}.blake-stagner{justify-content:flex-start;align-items:center;margin:4em auto 0}}@media (max-width:500px){.heading-animate-1{font-size:7em}.heading-animate-2{font-size:6em;left:100px}}@media (max-width:411px){.heading-animate-1{font-size:7em}.heading-animate-2{font-size:6em;left:100px}}@media (max-width:375px){.heading-animate-1{font-size:7em}.heading-animate-2{font-size:6em;left:100px}}.hero-stage{will-change:transform,opacity;position:absolute;inset:0}.cosmic-birth{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-cta{opacity:0;gap:1em;margin-top:1.5em;transition:opacity .8s 1.1s,transform .8s 1.1s;display:flex;transform:translateY(16px)}.hero-cta--in{opacity:1;transform:translateY(0)}.hero-btn{cursor:pointer;border-radius:999px;padding:.8em 1.8em;font-family:inherit;font-size:1em;transition:transform .2s,box-shadow .2s,background .2s}.hero-btn--primary{color:#080810;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border:none;box-shadow:0 0 24px #4fc3f740}.hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #4fc3f766}.hero-btn--ghost{color:#f0f4ff;background:0 0;border:1px solid #4fc3f759}.hero-btn--ghost:hover{background:#4fc3f714;transform:translateY(-2px)}@media (max-width:800px){.hero-text{width:100%;margin:0 1em}.hero-cta{justify-content:center}.blake-stagner{justify-content:center;align-items:center;height:75vh;margin:0 auto}.heading-transition{transition-delay:.5s}.welcome-text-animation{transition-delay:.5s}.universe-text-animation{transition-delay:1s}}@media (prefers-reduced-motion:reduce){.hero-cta{opacity:1;transition:none;transform:none}.welcome-text,.universe-text{opacity:1;transition:none}}
#about{color:#f0f4ff;background:0 0}#about h3{color:#8892aa;font-family:var(--font-teko),"Teko",sans-serif;letter-spacing:.01em}.about-panel{-webkit-backdrop-filter:blur(12px);text-align:left;background:#10101ea8;border:1px solid #ffffff12;border-radius:16px;max-width:940px;margin:2.5em auto 0;padding:2.5em;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009,0 2px 8px #0006}.about-panel:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#4fc3f7,#7c4dff,#0000);height:2px;position:absolute;top:0;left:0;right:0}.bio{justify-content:space-evenly;display:flex}.blake-img{clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%);filter:drop-shadow(0 0 12px #4fc3f766);width:200px;height:auto;margin:1.5em 1em 0 0;transition:filter .3s}.blake-img:hover{filter:drop-shadow(0 0 20px #4fc3f799)}.mobile-intro{color:#8892aa;display:none}.bio>div:nth-child(2){flex-direction:column;justify-content:center;max-width:500px;display:flex}.bio>div>p{text-align:left;color:#8892aa;line-height:1.65}.bio>div>p>span{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1em;font-weight:500}@media (max-width:900px){.blake-img{object-fit:cover;width:175px;height:auto}.bio>div{max-width:350px}}@media (max-width:650px){.blake-img{object-fit:cover;width:150px;height:auto}.bio>div{max-width:300px}.about-panel{padding:1.5em}}@media (max-width:600px){.blake-img{object-fit:cover;object-position:100% 0;width:100px;height:auto;margin:0 1em 0 0}.bio{flex-direction:column}.bio>div{max-width:500px;margin:0 auto}.bio>div:first-child{justify-content:space-between;align-items:center;display:flex}.bio>div:nth-child(2)>p:first-child{display:none}.mobile-intro{display:block}}
#portfolio{color:#f0f4ff;background:0 0;height:auto}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1em;margin:1em 0 0;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);text-align:left;cursor:default;background:#10101eb3;border:1px solid #ffffff12;border-radius:16px;padding:1.25em;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{border-color:#4fc3f733;transform:translateY(-6px);box-shadow:0 0 28px #4fc3f72e,0 12px 32px #00000080}.project-card--ai{background:linear-gradient(135deg,#4fc3f708 0%,#7c4dff08 100%);border-color:#4fc3f71f}.project-card--ai:hover{border-color:#4fc3f759;box-shadow:0 0 48px #4fc3f726}.project-card-header{justify-content:space-between;align-items:center;margin-bottom:.25em;display:flex}.project-name{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25em;font-weight:600}.ai-badge{letter-spacing:.08em;text-transform:uppercase;color:#080810;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-radius:2em;padding:2px 10px;font-size:.75em;font-weight:600;display:inline-block;box-shadow:0 0 12px #4fc3f74d}.project-employer{color:#8892aa;letter-spacing:.03em;margin:0 0 .5em;font-size:.85em}.project-description{color:#8892aa;margin:0 0 .5em;font-size:.9em;line-height:1.5}.project-impact{color:#4fc3f7;letter-spacing:.02em;margin:0 0 .75em;font-size:.85em;font-weight:500}.project-tech-stack{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:#8892aa;letter-spacing:.03em;background:#161628;border:1px solid #ffffff12;border-radius:2em;padding:3px 10px;font-size:.78em;transition:color .2s;display:inline-block}.tech-tag:hover{color:#f0f4ff;border-color:#4fc3f733}@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr}}@media (max-width:500px){.project-name{font-size:1.1em}}
#components{color:#f0f4ff;background:0 0;height:100%}#components-menu{justify-content:space-between;width:100%;max-width:600px;margin:10px auto 30px;display:flex}#components-menu img{filter:invert()opacity(.5);width:30px;padding:10px 0;transition:filter .2s}#components-menu img:hover{filter:invert()opacity(.8)}.components-menu-inner{-webkit-backdrop-filter:blur(10px);background:#10101e99;border:1px solid #ffffff12;border-radius:50px;align-items:center;max-width:120vw;padding:4px 8px;display:flex;overflow-x:scroll}.components-menu-inner div{color:#8892aa;cursor:pointer;border-radius:50px;flex:none;margin:0 4px;padding:5px 12px;text-decoration:none;transition:color .2s}.components-menu-inner div p{letter-spacing:.03em;margin:0;font-size:18px}.components-menu-inner div.selected{color:#080810;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-radius:50px;flex:none;margin-right:4px;padding:5px 16px;text-decoration:none;box-shadow:0 0 16px #4fc3f74d}.components-menu-inner div.selected p{color:#fff}.components-menu-inner::-webkit-scrollbar{display:none}.calendar-container{border:1px solid #ffffff12;border-radius:1.5em;width:100%;max-width:300px;margin:0 auto;overflow:hidden;box-shadow:0 8px 32px #0009,0 2px 8px #0006}.date-select-row{color:#f0f4ff;background:#10101e;border-top:3px solid #4fc3f7;justify-content:space-around;align-items:center;width:calc(100% - 1em);max-width:calc(300px - 1em);height:auto;margin:5px auto 0;padding:.5em;display:flex;overflow:hidden}.week{color:#f0f4ff;background:#10101e;display:flex}.week>div{color:#8892aa;padding:5px}.day{width:14.2857%;height:14.2857%}.today{color:#fff;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-radius:4px}.calendar-header{color:#fff;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);padding:5px;font-size:1.5em}.not-month{color:#8892aa59}input{color:#f0f4ff;background:#161628;border:1px solid #ffffff12;border-radius:10px;margin:0 .5em;padding:5px 10px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#4fc3f733;outline:none;box-shadow:0 0 0 3px #4fc3f71a}input.error::placeholder,.error{color:#ff6b6b}.submit-row{justify-content:center;align-items:center;margin:1em auto;display:flex}ul#notes{width:auto;max-width:400px;max-height:60vh;margin:1em auto;padding:0;overflow-y:scroll}ul#notes li{align-items:center;width:100%;list-style-type:none;animation:.5s ease-out forwards notes;display:flex}ul#notes li>span{text-align:left;color:#8892aa;background-color:#10101e;border:1px solid #ffffff12;border-radius:10px;width:80%;margin:4px 0;padding:8px 12px;transition:border-color .2s;display:flex;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d}ul#notes li>span:hover{border-color:#4fc3f733}ul#notes li>span>span:first-child{color:#4fc3f7;padding:0 5px}ul#notes li img{cursor:pointer;filter:invert()opacity(.5);width:2em;height:2em;margin:0 5px;transition:filter .2s}ul#notes li img:hover{filter:invert()opacity(.85)}@keyframes notes{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.units{color:#8892aa;height:2em;margin:0 .5em;line-height:calc(2em - 3px)}select{color:#f0f4ff;cursor:pointer;background:#10101e;border:1px solid #ffffff12;border-radius:1em;width:6em;margin:0 .5em 0 0;padding:2px 4px}select:focus{border-color:#4fc3f733;outline:none}.conversion-result{color:#f0f4ff;margin:0 1em}.tictactoe-main p.heading{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;letter-spacing:.03em;-webkit-background-clip:text;background-clip:text;margin:-1em 0 0;font-size:2em}.tictactoe-main p.heading span{font-weight:700}.board{flex-wrap:wrap;justify-content:space-between;width:40vh;height:40vh;margin:1em auto 0;display:flex}.board button{cursor:pointer;background:0 0;border:1px solid #ffffff12;flex:0 13.3333vh;height:13.3333vh;margin:0;transition:background .2s}.board button:hover{background:#4fc3f70a}.board button p{color:#4fc3f7;justify-content:center;align-items:center;margin:0;font-size:5em;display:flex}.winner p{color:#ff6b6b;text-shadow:0 0 12px #ff6b6b80;-webkit-text-fill-color:#ff6b6b!important}.ttt-controller:first-of-type{margin:0 auto 1em}.ttt-controller{justify-content:space-evenly;align-items:center;width:40vh;height:2em;margin:1em auto 0;display:flex}.ttt-controller>p{color:#8892aa}.ttt-controller>p>span{color:#f0f4ff;padding-left:.5em;font-weight:700}
.button{color:#fff;cursor:pointer;border-radius:1em;justify-content:center;align-items:center;padding:0 1em;transition:box-shadow .25s,transform .2s;display:flex;position:relative;overflow:hidden}.button:hover{transform:translateY(-1px)}.button p{letter-spacing:.03em;margin:0}.button:focus{outline:none}.button:active{box-shadow:none;transform:translateY(0)}.ripple-animate{content:"";opacity:0;background:#fff3;border-radius:50%;width:300px;height:300px;transition:all .1s linear;position:absolute}.ripple{content:"";opacity:.7;background:#ffffff40;border-radius:50%;width:0;height:0;position:absolute}.sm{width:auto;max-width:150px;height:1.5em;font-size:.9em}.md{width:200px;height:1.5em;font-size:1.5em}.icon-only{border-radius:50%;width:40px;height:40px}.color{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border:none;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d,0 0 20px #4fc3f733}.color:hover{box-shadow:0 8px 32px #0009,0 2px 8px #0006,0 0 30px #4fc3f74d}.white{box-shadow:none;color:#4fc3f7;background:0 0;border:1px solid #4fc3f733}.white:hover{background:#4fc3f70f;box-shadow:0 0 20px #4fc3f71a}.center{margin:0 auto}.button.md.icon img{width:1.25em;height:1.25em;padding:0 5px 0 0}.secondary{color:#f0f4ffbf;background:#161628;border:1px solid #ffffff12;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d}.secondary:hover{color:#fff;border-color:#4fc3f733}.fixed{margin:1em 2em;position:absolute;bottom:0;right:2em}
#experience{background:0 0;position:relative}.mission-log{max-width:860px;margin:3em auto 0;padding:1em 0;position:relative}.mission-path{background:linear-gradient(#0000,#4fc3f780 12%,#7c4dff80 88%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #4fc3f740}.mission{box-sizing:border-box;text-align:left;width:50%;padding:0 2.5em 2.5em;position:relative}.mission:nth-child(odd){left:0}.mission:nth-child(2n){left:50%}.mission-node{background:#4fc3f7;border-radius:50%;width:12px;height:12px;position:absolute;top:.4em;box-shadow:0 0 14px #4fc3f7e6,inset 0 0 4px #fffc}.mission:nth-child(odd) .mission-node{right:-6px}.mission:nth-child(2n) .mission-node{left:-6px}.mission-card{background:#10101ea8;border:1px solid #ffffff12;border-radius:12px;padding:1.5em;transition:transform .25s,border-color .25s,box-shadow .25s}.mission-card:hover{border-color:#4fc3f733;transform:translateY(-3px);box-shadow:0 0 20px #4fc3f71f}.mission-period{letter-spacing:.08em;text-transform:uppercase;color:#4fc3f7;margin:0 0 .4em;font-size:.8em}.mission-card h3{color:#f0f4ff}.mission-org{color:#8892aa;margin:.3em 0 .6em;font-weight:600}.mission-summary{color:#8892aa;margin:0}@media (max-width:750px){.mission-path{left:8px;transform:none}.mission,.mission:nth-child(2n){width:100%;padding:0 0 2em 2.2em;left:0}.mission:nth-child(odd) .mission-node,.mission:nth-child(2n) .mission-node{left:2px;right:auto}}
.footer{color:#f0f4ff;background:linear-gradient(#10101e00 0%,#10101eb3 45%);border-top:1px solid #4fc3f733;flex-direction:column;justify-content:flex-end;min-height:70vh;display:flex;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#4fc3f7,#0000);width:40%;height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #4fc3f766}.contact-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4em 1em;display:flex}.contact-main h2{color:#f0f4ff;font-size:3.5em}.contact-sub{color:#8892aa;letter-spacing:.12em;text-transform:uppercase;margin:.25em 0 1.5em;font-size:.85em}.contact-links{align-items:center;gap:1.5em;display:flex}.to-top{cursor:pointer;background:#10101e99;border:1px solid #4fc3f733;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:2.5em;transition:transform .2s,box-shadow .2s;display:flex}.to-top:hover{transform:translateY(-3px);box-shadow:0 0 20px #4fc3f74d}.to-top img{width:22px}.footer-2{background-color:#08081099;border-top:1px solid #ffffff12;justify-content:center;align-items:center;padding:1.25em;display:flex}.footer-2 p{color:#8892aa;margin:0;font-size:.85em}.social-icon{opacity:.7;width:3em;height:3em;margin:0 10px 10px;transition:opacity .2s,transform .2s,filter .2s}.social-icon:hover{opacity:1;filter:drop-shadow(0 4px 12px #4fc3f766);transform:translateY(-3px)}.social-icon svg{width:3em;height:3em;margin:0 10px 10px}@media (max-width:380px){.contact-main h2{font-size:2.5em}}
.space-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}
.space3d{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}
#skills{background:0 0;position:relative}.constellation-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:1.5em;margin-top:2.5em;display:grid}.constellation{background:#10101e99;border:1px solid #ffffff12;border-radius:14px;padding:1.75em;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.constellation:hover{border-color:#4fc3f733;transform:translateY(-4px);box-shadow:0 0 24px #4fc3f726}.constellation:before{content:"";pointer-events:none;background-image:linear-gradient(115deg,#0000 48%,#4fc3f714 49% 51%,#0000 52%),linear-gradient(65deg,#0000 58%,#7c4dff12 59% 61%,#0000 62%);position:absolute;inset:0}.constellation h3{color:#f0f4ff;margin-bottom:.75em}.skill-nodes{flex-wrap:wrap;gap:.6em;display:flex}.skill-node{color:#8892aa;border:1px solid #ffffff12;border-radius:999px;padding:.45em .9em .45em 1.6em;font-size:.85em;transition:color .2s,border-color .2s,box-shadow .2s;position:relative}.skill-node:before{content:"";background:#4fc3f7;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:.7em;transform:translateY(-50%);box-shadow:0 0 8px #4fc3f7cc}.skill-node:hover{color:#f0f4ff;border-color:#4fc3f733;box-shadow:0 0 12px #4fc3f733}.constellation--ai{background:linear-gradient(135deg,#4fc3f714,#7c4dff14),#10101e99;border-color:#4fc3f733}.constellation--ai .skill-node:before{background:#7c4dff;box-shadow:0 0 8px #7c4dffe6}@media (max-width:750px){.constellation-grid{grid-template-columns:1fr}}