.top-section{background-image:url(/images/bg01.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;display:flex}.top-section .intro{text-align:left;border-left:2px solid var(--text-primary);width:40%;padding-left:4rem}.top-section .intro h1{background:linear-gradient(130deg, var(--brand-color) 28.55%, var(--brand-color-light) 46.72%, #7dffff 65.27%, #2d8cff 81.58%, #21e5e5 99.76%);-webkit-text-fill-color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:7rem;font-weight:700;animation:30s linear infinite shine}@keyframes shine{to{background-position:200%}}.top-section .intro h2{color:unset;margin:0;font-size:2rem}.top-section .signature{flex-direction:column;justify-content:center;align-items:center;width:60%;max-width:660px;height:100%;display:flex}.top-section .signature .avatar{aspect-ratio:356/466;background-blend-mode:multiply;width:60%;box-shadow:inset 0 0 0 9px rgba(var(--brand-color-rgb), .3);background-image:url(/images/faceshot.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;background-origin:content-box;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;margin-bottom:1rem;padding:2rem;animation:8s ease-in-out 1s infinite morph;overflow:hidden}.top-section .signature .avatar .profile-picture{visibility:hidden;width:100%;height:auto}.top-section .signature svg{max-width:80%;max-height:7rem}.top-section .signature svg #signature-path{animation:5s linear forwards drawSignature}.top-section .social{text-align:center;margin:0 auto;position:absolute;bottom:3rem}@media screen and (max-width:1300px){.top-section .intro{width:50%}.top-section .intro h1{font-size:7rem}}@media screen and (max-width:768px){.top-section{flex-direction:column}.top-section .intro{text-align:center;border-top:1px solid var(--text-primary);border-left:none;width:auto;padding:2rem 0 0}.top-section .intro h1{font-size:5rem}.top-section .signature{height:unset;padding:0 0 2rem}.top-section .social{bottom:1rem}}@keyframes drawSignature{to{stroke-dashoffset:0}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:50%}50%{border-radius:40% 60% 70% 30%/40% 60% 30% 70%}75%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}
.section-wrapper{width:100%;max-width:1100px;margin:auto}.section-wrapper .section-active{box-shadow:0 0 40px var(--brand-color-light);transform:translateY(-5px)!important}.section-wrapper .section{border-radius:8px;padding:5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.section-wrapper .section .section-header{border-right:1px solid var(--text-primary);align-items:center;padding-top:4rem;padding-right:2rem;font-size:3rem;display:flex}.section-wrapper .section .section-header .section-header-icon{padding:.625rem .625rem .625rem 0;font-size:3rem;transition:all .5s}.section-wrapper .section .section-content{padding-left:2rem}.section-wrapper .section .section-content h3,.section-wrapper .section .section-content h4{text-underline-offset:.2rem;align-items:center;display:flex}.section-wrapper .section .section-content h3 svg,.section-wrapper .section .section-content h4 svg{margin-right:.5rem}.section-wrapper .section .section-content b{color:var(--brand-color-light)}.section-wrapper .section.section-reverse{flex-direction:row-reverse}.section-wrapper .section.section-reverse .section-header{border-right:none;border-left:1px solid var(--text-primary);padding-left:2rem;padding-right:0}.section-wrapper .section.section-reverse .section-content{text-align:right;padding-left:0;padding-right:2rem}.section-wrapper .section.section-reverse .section-content h3,.section-wrapper .section.section-reverse .section-content h4{justify-content:flex-end}.section-wrapper .section.section-centered{align-items:center}@media screen and (max-width:768px){.section-wrapper .section,.section-wrapper .section.section-reverse{flex-direction:column;padding:3rem}.section-wrapper .section .section-header,.section-wrapper .section.section-reverse .section-header{border:none;border-bottom:1px solid var(--text-primary);text-align:center;justify-content:center;padding:0 0 .7rem}.section-wrapper .section .section-content,.section-wrapper .section.section-reverse .section-content{text-align:center;padding:0}.section-wrapper .section .section-content h3,.section-wrapper .section .section-content h4,.section-wrapper .section.section-reverse .section-content h3,.section-wrapper .section.section-reverse .section-content h4{justify-content:center}}.section-wrapper:nth-child(3n){background-image:url(/images/bg02.webp);background-position:100%;background-repeat:no-repeat;background-size:contain;background-attachment:fixed}.section-wrapper:nth-child(3n+1){background-image:url(/images/bg03.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;background-attachment:fixed}.section-wrapper:nth-child(3n+2){background-image:url(/images/bg04.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;background-attachment:fixed}
.project-section{padding:4rem 1.5rem}.project-section .game-dashboard-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(130% 130% at 50% 0,#151d30 0%,#0a0d14 100%);border:1px solid #ffffff0f;border-radius:20px;width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000a6,inset 0 1px #ffffff1a}.project-section .ambient-particles-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.project-section .dashboard-header{z-index:5;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex;position:relative}.project-section .dashboard-header .header-status-indicator{align-items:center;gap:10px;display:flex}.project-section .dashboard-header .pulsing-led{background-color:var(--brand-color-light,#21e5e5);width:9px;height:9px;box-shadow:0 0 12px var(--brand-color-light,#21e5e5);border-radius:50%;animation:1.8s infinite led-pulse;display:inline-block}.project-section .dashboard-header .system-ready-label{letter-spacing:.15rem;color:var(--brand-color-light,#21e5e5);font-family:monospace;font-size:.72rem;font-weight:600}.project-section .dashboard-header .sound-toggle-btn{cursor:pointer;color:var(--brand-color,#3c83f6);background:0 0;border:none;justify-content:center;align-items:center;transition:color .25s,transform .2s;display:flex}.project-section .dashboard-header .sound-toggle-btn:hover{color:#fff;transform:scale(1.1)}.project-section .dashboard-vertical-layout{z-index:5;flex-direction:column;gap:20px;display:flex;position:relative}.project-section .carousel-wrapper-layout{justify-content:center;align-items:center;gap:20px;width:100%;display:flex;position:relative}.project-section .carousel-nav-btn{width:48px;height:48px;color:var(--brand-color,#3c83f6);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.project-section .carousel-nav-btn svg{font-size:1.6rem}.project-section .carousel-nav-btn:hover{border-color:var(--brand-color-light,#21e5e5);color:#fff;background:#3c83f626;transform:scale(1.08);box-shadow:0 0 15px #21e5e540}.project-section .carousel-nav-btn:active{transform:scale(.95)}.project-section .carousel-view-port{flex-grow:1;max-width:800px;overflow:hidden}.project-section .carousel-list{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:24px;padding:15px 120px 25px;display:flex;overflow-x:auto}.project-section .carousel-list::-webkit-scrollbar{display:none}.project-section .game-card{cursor:pointer;height:310px;transform-style:preserve-3d;scroll-snap-align:center;background:#11141d;border:1px solid #ffffff14;border-radius:16px;flex:0 0 210px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0006}.project-section .game-card.selected{border-color:var(--brand-color-light,#21e5e5);box-shadow:0 0 25px #21e5e559}.project-section .game-card.selected:before{content:"";border:2px solid var(--brand-color-light,#21e5e5);z-index:5;pointer-events:none;border-radius:16px;position:absolute;inset:0}.project-section .game-card .card-cover-wrapper{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative;transform:translateZ(25px)}.project-section .game-card .card-spotlight{pointer-events:none;mix-blend-mode:screen;z-index:3;position:absolute;inset:0}.project-section .game-card .card-glass-glow{z-index:2;pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#fff0 100%);position:absolute;inset:0}.project-section .game-card .card-game-title-overlay{z-index:4;background:linear-gradient(#0a0d1400 0%,#0a0d14b3 30%,#0a0d14f2 100%);align-items:center;gap:10px;padding:25px 15px 15px;display:flex;position:relative}.project-section .game-card .card-game-title-overlay .card-icon-container{color:var(--brand-color-light,#21e5e5);justify-content:center;align-items:center;display:flex}.project-section .game-card .card-game-title-overlay .card-icon-container svg{font-size:1.3rem}.project-section .game-card .card-game-title-overlay .card-game-title{color:#fff;letter-spacing:.03rem;text-shadow:0 2px 4px #000c;font-size:.88rem;font-weight:700;line-height:1.25}.project-section .carousel-pagination-dots{justify-content:center;align-items:center;gap:12px;margin:5px 0 15px;display:flex}.project-section .carousel-pagination-dots .pagination-dot{cursor:pointer;background-color:#ffffff2e;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-section .carousel-pagination-dots .pagination-dot:hover{background-color:#ffffff73;transform:scale(1.2)}.project-section .carousel-pagination-dots .pagination-dot.active{background-color:var(--brand-color-light,#21e5e5);box-shadow:0 0 10px var(--brand-color-light,#21e5e5);transform:scale(1.3)}.project-section .inspect-details-pane{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d121eb8;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;width:100%;height:330px;margin-top:10px;padding:30px;display:flex;box-shadow:0 15px 35px #00000059}.project-section .inspect-details-pane .inspect-content{flex-direction:column;justify-content:space-between;gap:15px;height:100%;display:flex}.project-section .inspect-details-pane .inspect-header{align-items:center;gap:15px;display:flex}.project-section .inspect-details-pane .inspect-header .inspect-icon-container{width:50px;height:50px;color:var(--brand-color,#3c83f6);background:#3c83f61f;border:1px solid #3c83f640;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-section .inspect-details-pane .inspect-header .inspect-icon-container svg{font-size:1.6rem}.project-section .inspect-details-pane .inspect-header .inspect-title-group{flex-direction:column;display:flex}.project-section .inspect-details-pane .inspect-header .inspect-project-title{color:#fff;letter-spacing:.01rem;margin:0 0 4px;font-size:1.3rem;font-weight:700}.project-section .inspect-details-pane .inspect-header .inspect-project-duration{color:#adadad;align-items:center;gap:6px;margin:0;font-size:.78rem;display:flex}.project-section .inspect-details-pane .inspect-header .inspect-project-duration svg{color:var(--brand-color-light,#21e5e5);font-size:.95rem}.project-section .inspect-details-pane .inspect-body .inspect-divider{background:linear-gradient(90deg,#3c83f666 0%,#3c83f60d 100%);width:100%;height:1px;margin-bottom:15px}.project-section .inspect-details-pane .inspect-body .inspect-description{color:#e0e0e0;margin:0;font-size:.94rem;line-height:1.65}.project-section .inspect-details-pane .inspect-body .inspect-description b{color:var(--brand-color-light,#21e5e5)}.project-section .inspect-details-pane .inspect-footer{margin-top:10px}.project-section .inspect-details-pane .inspect-footer .inspect-no-links-indicator{text-align:center;border:1px dashed #ffffff1a;border-radius:8px;padding:12px}.project-section .inspect-details-pane .inspect-footer .inspect-no-links-indicator span{color:#adadad;letter-spacing:.05rem;font-family:monospace;font-size:.72rem}.project-section .inspect-details-pane .inspect-buttons-wrapper{flex-flow:wrap;justify-content:center;gap:15px;display:flex}.project-section .inspect-details-pane .sci-fi-action-button{color:#fff;letter-spacing:.05rem;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#3c83f640 0%,#3c83f60d 100%);border:1px solid #3c83f666;border-radius:10px;flex:0 220px;justify-content:center;align-items:center;gap:10px;max-width:300px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:background .3s,border-color .3s,box-shadow .3s,transform .2s;display:flex}.project-section .inspect-details-pane .sci-fi-action-button .btn-icon{color:var(--brand-color-light,#21e5e5);align-items:center;display:flex}.project-section .inspect-details-pane .sci-fi-action-button .btn-icon svg{font-size:1.1rem}.project-section .inspect-details-pane .sci-fi-action-button:hover{border-color:var(--brand-color-light,#21e5e5);background:linear-gradient(135deg,#3c83f673 0%,#3c83f626 100%);text-decoration:none;transform:translateY(-2px);box-shadow:0 0 15px #21e5e540}.project-section .inspect-details-pane .sci-fi-action-button:active{transform:translateY(0)}@keyframes led-pulse{0%{opacity:.4;box-shadow:0 0 4px var(--brand-color-light,#21e5e5)}50%{opacity:1;box-shadow:0 0 14px var(--brand-color-light,#21e5e5)}to{opacity:.4;box-shadow:0 0 4px var(--brand-color-light,#21e5e5)}}@media screen and (max-width:768px){.project-section{padding:3rem 1rem}.project-section .game-dashboard-container{padding:20px 15px}.project-section .carousel-wrapper-layout{gap:5px}.project-section .carousel-nav-btn{width:40px;height:40px}.project-section .carousel-nav-btn svg{font-size:1.3rem}.project-section .carousel-list{gap:16px;padding:10px 60px 20px}.project-section .game-card{flex:0 0 170px;height:250px}.project-section .inspect-details-pane{height:auto;padding:20px 15px}.project-section .inspect-details-pane .inspect-buttons-wrapper{flex-direction:column;align-items:center}.project-section .inspect-details-pane .inspect-buttons-wrapper .sci-fi-action-button{width:100%;max-width:300px}}.project-section.section-wrapper .section{flex-direction:column!important;align-items:stretch!important;padding:5rem 3rem!important}.project-section.section-wrapper .section .section-header{border-right:none!important;border-bottom:1px solid var(--text-primary)!important;justify-content:flex-start!important;width:100%!important;margin-bottom:30px!important;padding:0 0 15px!important;font-size:2.6rem!important}.project-section.section-wrapper .section .section-header .section-header-icon{margin-right:15px!important;padding:0!important;font-size:2.6rem!important}.project-section.section-wrapper .section .section-content{width:100%!important;padding-left:0!important;padding-right:0!important}@media screen and (max-width:768px){.project-section.section-wrapper .section{padding:3rem 1.5rem!important}.project-section.section-wrapper .section .section-header{justify-content:center!important;font-size:2rem!important}.project-section.section-wrapper .section .section-header .section-header-icon{font-size:2rem!important}}
.big-quote{height:30px;color:var(--brand-color);font-size:5rem;display:block}
.review-section .review-signature{text-align:right;font-size:small;font-style:italic}.review-section .reviewer-name{color:var(--brand-color);font-size:medium;font-style:normal;font-weight:700}
.about-section h4{font-size:2rem}.about-section .programming-icons{flex-flow:row-reverse wrap;display:flex}.about-section .programming-icons>svg{width:3.5rem;height:3.5rem;margin-bottom:2rem;margin-left:2rem}.about-section .programming-icons>svg:last-child{margin-left:0}@media screen and (max-width:768px){.programming-icons{justify-content:center;align-items:center}}