.min-h-screen{min-height:100vh}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.navbar{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#fffffff2;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000000d}body.dark-mode .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1af2;box-shadow:0 2px 10px #ffffff0d}.logo{cursor:pointer;flex-shrink:0;order:1;width:50px;height:50px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo:hover{transform:rotate(360deg)scale(1.1)}.menu-toggle-container{flex-shrink:0;order:3;align-items:center;gap:.5rem;display:flex}.menu-button{cursor:pointer;color:#000;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:1.8rem;transition:color .3s;display:none}body.dark-mode .menu-button{color:#fff}@media (width<=768px){.menu-button{display:block}.menu-toggle-container{gap:.5rem}}.theme-toggle{cursor:pointer;color:#000;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.theme-toggle:hover{background-color:#0000000d;transform:rotate(180deg)scale(1.1)}body.dark-mode .theme-toggle{color:#fff}body.dark-mode .theme-toggle:hover{background-color:#ffffff1a}.nav-links{flex-wrap:wrap;flex:auto;order:2;justify-content:center;align-items:center;gap:.35rem 1.25rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{color:#000;white-space:nowrap;text-transform:uppercase;padding:.5rem 0;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-links li a:after{content:"";background-color:#555;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}body.dark-mode .nav-links li a{color:#fff}.nav-links li a:hover{color:#555;transform:translateY(-2px)}.nav-links li a:hover:after{width:100%}body.dark-mode .nav-links li a:after{background-color:#ccc}body.dark-mode .nav-links li a:hover{color:#ccc}@media (width<=1250px){.navbar{padding:.5rem 1.5rem}.nav-links{gap:.3rem .9rem}.nav-links li a{font-size:.85rem}}@media (width<=1000px){.navbar{padding:.5rem 1rem}.nav-links{gap:.25rem .65rem}.nav-links li a{font-size:.75rem}}@media (width<=768px){.navbar{justify-content:space-between;padding:.5rem 1rem}.logo{margin-right:auto}.menu-toggle-container{margin-left:auto;margin-right:0}.menu-button{display:block}.theme-toggle{position:static}.nav-links{opacity:0;visibility:hidden;z-index:999;background:#fff;flex-flow:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:calc(100vh - 60px);padding:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s;position:fixed;top:60px;left:0;transform:translateY(-100%)}.nav-links.open{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility;transform:translateY(0)}.nav-links li a{font-size:1.2rem}body.dark-mode .nav-links{background:#1a1a1a}}.home-section{box-sizing:border-box;background-color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;height:100vh;padding:8rem 5rem 0 18rem;transition:background-color .4s;animation:1.2s cubic-bezier(.4,0,.2,1) forwards fadeIn;display:grid;position:relative}body.dark-mode .home-section{background-color:#1a1a1a}.home-text{color:#1a1a1a;text-align:left;grid-column:1/2;transition:color .3s;animation:1s cubic-bezier(.4,0,.2,1) forwards fadeInLeft}body.dark-mode .home-text{color:#fff}.home-greeting{justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Terminus,monospace;font-size:3rem;font-weight:600;transition:all .3s;display:flex}.home-star{width:2rem;height:2rem;margin-top:-.4rem;transition:transform .3s;animation:3s ease-in-out infinite rotateStar}@keyframes rotateStar{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.home-role{white-space:nowrap;border-right:2px solid #1a1a1a;min-height:1.5em;margin-bottom:1rem;font-family:Terminus,monospace;font-size:1.25rem;font-weight:500;display:block;position:relative;overflow:hidden}body.dark-mode .home-role{color:#fff;border-right-color:#fff}.role-text{animation:5s infinite fadeRole;display:inline-block}.sharez-link{color:#1a1a1a;cursor:pointer;text-decoration:underline;transition:color .3s}body.dark-mode .sharez-link{color:#fff}.sharez-link:hover{color:#007bff}.shoof-link{color:#1a1a1a;cursor:pointer;text-decoration:underline;transition:color .3s}body.dark-mode .shoof-link{color:#fff}.shoof-link:hover{color:#555}@keyframes fadeRole{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.home-about{color:#1a1a1a;margin-bottom:2rem;font-family:Terminus,monospace;font-size:1rem}body.dark-mode .home-about{color:#fff}.home-btn{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;width:100%;display:flex}.home-contact-btn{cursor:pointer;color:#fff;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.5rem;margin-bottom:2rem;padding:1rem 2rem;font-family:Terminus,monospace;font-size:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.home-contact-btn:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-contact-btn:hover:before{width:300px;height:300px}.home-contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.home-contact-btn:active{transform:translateY(0);box-shadow:0 4px 8px #0003}body.dark-mode .home-contact-btn{color:#1e1e1e;background:#fff;border:1px solid #fff}body.dark-mode .home-contact-btn:before{background:#0000001a}body.dark-mode .home-contact-btn:hover{box-shadow:0 8px 16px #fff3}.mouse-scroll{cursor:pointer;justify-content:flex-start;align-items:center;width:16px;height:60px;display:flex}.mouse{border:2px solid #1a1a1a;border-radius:14px;width:16px;height:30px;display:block}body.dark-mode .mouse{border-color:#fff}.wheel{border:2px solid #1a1a1a;border-radius:8px;width:2px;height:2px;margin:3px auto;animation:.6s linear infinite mouse-wheel;display:block;position:relative}body.dark-mode .wheel{border-color:#fff}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.home-image{flex-direction:column;grid-column:2/3;justify-content:center;align-items:center;gap:1rem;margin:0 auto;animation:1s cubic-bezier(.4,0,.2,1) forwards fadeInRight;display:flex;position:relative}.profile-picture{object-fit:cover;border:5px solid #fff;border-radius:50%;flex-shrink:0;width:220px;min-width:220px;max-width:220px;height:220px;min-height:220px;max-height:220px;margin:0 auto;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026}body.dark-mode .profile-picture{border-color:#1a1a1a}.profile-picture:hover{transform:scale(1.08);box-shadow:0 12px 32px #00000040}.home-social-links{flex-direction:column;gap:15px;padding:0;animation:1s ease-out forwards fadeInUp;display:flex;position:absolute;top:35%;left:.5rem}.home-social-link{color:#1a1a1a;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}body.dark-mode .home-social-link{color:#fff}.home-social-link:hover{color:#555;transform:translateY(-3px)scale(1.2)}body.dark-mode .home-social-link:hover{color:#ccc}.home-rail-divider{background:linear-gradient(90deg,#1a1a1a59,#0000);width:22px;height:1px;margin:4px 0 2px}body.dark-mode .home-rail-divider{background:linear-gradient(90deg,#fff6,#0000)}.home-app-link{opacity:0;width:fit-content;animation:.55s cubic-bezier(.34,1.56,.64,1) forwards appPopIn;animation-delay:calc(.75s + var(--app-index) * .12s);border-radius:11px;align-items:center;text-decoration:none;display:flex;position:relative}.home-app-icon{object-fit:cover;border-radius:11px;width:36px;height:36px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;display:block;box-shadow:0 2px 8px #00000024}body.dark-mode .home-app-icon{box-shadow:0 2px 10px #00000080}.home-app-link:hover .home-app-icon,.home-app-link:focus-visible .home-app-icon{transform:translateY(-3px)scale(1.14)rotate(-3deg);box-shadow:0 8px 18px #00000038}.home-app-link:active .home-app-icon{transform:translateY(-1px)scale(1.04)}.home-app-name{white-space:nowrap;letter-spacing:.3px;color:#1a1a1a;opacity:0;transform-origin:0;pointer-events:none;background:#fffffff2;border:1px solid #00000012;border-radius:8px;padding:.28rem .55rem;font-size:.72rem;font-weight:700;transition:opacity .28s,transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;left:44px;transform:translate(-8px)scale(.92);box-shadow:0 4px 14px #0000001f}body.dark-mode .home-app-name{color:#f5f5f5;background:#262626f5;border-color:#ffffff1a}.home-app-link:hover .home-app-name,.home-app-link:focus-visible .home-app-name{opacity:1;transform:translate(0)scale(1)}.home-app-link:focus-visible{outline-offset:3px;outline:2px solid #8b6f47}@keyframes appPopIn{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.home-app-link{opacity:1;animation:none}.home-app-icon,.home-app-name{transition:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.home-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;height:auto;padding:8rem 2rem 2rem;display:flex}.home-text,.home-about,.home-role{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.home-image{order:-1;justify-content:center;align-items:center;display:flex}.profile-picture{width:200px;height:200px;margin:0 auto}.home-greeting,.home-name,.home-role,.home-about{text-align:center;justify-content:center;align-items:center;display:flex}.home-greeting,.home-name{font-size:2rem}.home-role{font-size:1rem}.home-about{font-size:.9rem}.home-contact-btn{align-self:center;margin:0 auto 2rem;display:block}.home-btn{margin-bottom:2rem}.home-social-links{flex-flow:wrap;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:1rem;display:flex;position:static}.home-rail-divider{background:linear-gradient(90deg,#0000,#1a1a1a40,#0000);flex-basis:100%;width:100%;height:1px;margin:.35rem 0 .1rem}body.dark-mode .home-rail-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.home-app-name{transform-origin:top;top:44px;left:50%;transform:translate(-50%)translateY(-6px)scale(.92)}.home-app-link:hover .home-app-name,.home-app-link:focus-visible .home-app-name{transform:translate(-50%)translateY(0)scale(1)}.mouse-scroll{justify-content:center;align-items:center;margin:1rem auto 0;display:flex;position:static}}@media (width<=480px){.home-section{gap:2rem;padding:7rem 1rem 0}.profile-picture{width:180px;height:180px}.home-greeting,.home-name{font-size:1.5rem}.home-role{font-size:.9rem}.home-about{font-size:.8rem}.home-contact-btn{padding:.6rem;font-size:8px}.home-social-links{gap:10px;margin-top:.5rem}.home-social-link{font-size:2rem}.mouse-scroll{margin:.5rem auto 0}}.footer{color:#fff;text-align:center;background-color:#000;padding:2rem 4rem}body.dark-mode .footer{color:#fff;background-color:#000}.footer-content{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.footer-nav{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-nav a{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s,transform .3s}.footer-nav a:hover{color:#ccc;transform:translateY(-2px)}.footer-social{justify-content:center;gap:1.5rem;display:flex}.footer-icon{color:#fff;font-size:1.75rem;transition:color .3s,transform .3s}.footer-icon:hover{color:#ccc;transform:translateY(-2px)}.footer-copyright{color:#fff;margin-top:1rem;font-size:.9rem}@media (width<=768px){.footer{padding:1.5rem 2rem}.footer-nav{gap:1rem}.footer-nav a{font-size:1rem}.footer-social{gap:1rem}.footer-icon{font-size:1.5rem}.footer-copyright{font-size:.85rem}}@media (width<=480px){.footer{padding:1rem}.footer-nav{flex-direction:column;gap:.75rem}.footer-nav a{font-size:.9rem}.footer-social{gap:.75rem}.footer-icon{font-size:1.25rem}}@font-face{font-family:Terminus;src:url(https://fonts.cdnfonts.com/css/terminus)format("truetype");font-display:swap}img{max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block}img[loading=lazy]{opacity:0;transition:opacity .3s ease-in}img[loading=lazy].loaded,img[loading=lazy]:not([data-src]){opacity:1}img{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}body{color:#000;height:100%;margin:0;padding:0;font-family:Terminus,monospace;line-height:1.6;transition:background-color .3s,color .3s;animation:1.2s ease-in-out forwards fadeIn;overflow-x:hidden}body.dark-mode{color:#fff;background-color:#1a1a1a}html,body{height:100%;margin:0;padding:0}section{min-height:100vh;padding:2rem;opacity:1!important;animation:none!important}#home,#about,#resume,#projects,#contact{visibility:visible!important;display:block!important}.about-section{text-align:left;opacity:0;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.about-section.visible{animation:1s ease-out forwards fadeInLeftToRight}.about-section:not(.visible){animation:1s ease-in forwards fadeOutRight}.about-content{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.about-title{text-align:left;margin-bottom:1rem;font-size:2rem;font-weight:700}.about-section p{text-align:left;margin-bottom:1.5rem;font-size:1rem}.resume-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:4px;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s,transform .3s;display:inline-block}body.dark-mode .resume-button{color:#000;background-color:#fff}.resume-button:hover{background-color:#555;transform:translateY(-2px)}body.dark-mode .resume-button:hover{background-color:#ccc}section{text-align:left;opacity:0;will-change:opacity, transform;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}#resume{opacity:0}#resume.visible{animation:1s ease-out forwards fadeInLeft}#resume:not(.visible){animation:1s ease-in forwards fadeOutLeft}#projects{opacity:0}#projects.visible{animation:1s ease-out forwards fadeInRight}#projects:not(.visible){animation:1s ease-in forwards fadeOutRight}#contact{opacity:0}#contact.visible{animation:1s ease-out forwards fadeInDown}#contact:not(.visible){animation:1s ease-in forwards fadeOutUp}@media (width<=768px){#home{padding-top:5rem;padding-bottom:2rem}.profile-picture{width:120px;height:120px}.name-star{width:1.25rem;height:1.25rem}.menu-toggle-container{align-items:center;gap:.5rem;display:flex}.menu-button{display:block}.theme-toggle{display:block;position:static}.nav-links{opacity:0;visibility:hidden;background:#fff;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1rem 0;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s;position:absolute;top:100%;left:0;transform:translateY(-20px);box-shadow:0 2px 4px #0000000d}body.dark-mode .nav-links{background:#1a1a1a}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.about-title{font-size:1.5rem}.about-section p{font-size:.9rem}#home.visible{animation:.8s ease-out forwards fadeInUp}#home:not(.visible){animation:.8s ease-in forwards fadeOutDown}.about-section.visible{animation:.8s ease-out forwards fadeInLeftToRight}.about-section:not(.visible){animation:.8s ease-in forwards fadeOutRight}#resume.visible{animation:.8s ease-out forwards fadeInLeft}#resume:not(.visible){animation:.8s ease-in forwards fadeOutLeft}#projects.visible{animation:.8s ease-out forwards fadeInRight}#projects:not(.visible){animation:.8s ease-in forwards fadeOutRight}#contact.visible{animation:.8s ease-out forwards fadeInDown}#contact:not(.visible){animation:.8s ease-in forwards fadeOutUp}}@keyframes fadeInLeftToRight{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.resume-section{opacity:0;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.resume-section.visible{animation:1s ease-out forwards fadeInLeft}.resume-section:not(.visible){animation:1s ease-in forwards fadeOutLeft}.resume-container{justify-content:flex-start;width:100%;max-width:900px;display:flex;position:relative}.resume-content{flex:1;max-width:calc(100% - 180px);margin-left:180px}.resume-nav{flex-direction:column;gap:1.2rem;width:100px;padding:1rem 0;display:flex;position:absolute;left:0}.resume-nav-button{color:#555;cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem;font-size:1rem;transition:all .3s}.resume-nav-button.active{color:#fff;background:#000}body.dark-mode .resume-nav-button{color:#ccc}body.dark-mode .resume-nav-button.active{color:#000;background:#fff}.modern-edu-content{border-left:3px solid #000;margin-left:1.5rem;padding-left:2rem;position:relative}body.dark-mode .modern-edu-content{border-left-color:#fff}.university-info{align-items:center;gap:.8rem;margin:.5rem 0;display:flex}.university-dot{color:#666;font-size:.7rem}.edu-duration{background:#0000001a;border-radius:1rem;margin-top:.5rem;padding:.3rem .8rem;font-size:.9rem;display:inline-block}.timeline-container{padding-left:40px;position:relative}.experience-item{padding:1.2rem 0;position:relative}.timeline-marker{flex-direction:column;align-items:center;height:100%;display:flex;position:absolute;top:0;left:-40px}.timeline-line{background:#000;flex-grow:1;width:2px;margin:3px 0}body.dark-mode .timeline-line{background:#fff}.timeline-dot{color:#000;background:#fff;border-radius:50%;font-size:1rem}body.dark-mode .timeline-dot{color:#fff;background:#000}.experience-content{background:#ffffff0d;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.experience-content:hover{transform:translate(8px)}.experience-title{align-items:center;margin-bottom:.4rem;font-size:1.1rem;display:flex}.experience-icon{margin-right:.5rem;font-size:1rem}.star-icon{width:1rem;height:1rem}.experience-duration{margin-left:auto;font-size:.85rem}.skills-list{flex-direction:column;gap:.8rem;display:flex}.skill-item{align-items:center;gap:1rem;display:flex}.skill-name{width:180px;font-size:.95rem}.skill-bar{background:#e6e6e6a9;flex:1;height:8px}.skill-progress{background:linear-gradient(90deg,#000,#001414);height:100%;box-shadow:0 2px 4px #00b4d833}body.dark-mode .skill-progress{background:linear-gradient(90deg,#fff,#f1f1ff)}@media (width<=768px){.resume-content{max-width:calc(100% - 90px);margin-left:85px}.resume-nav{gap:15px;margin-top:1rem;margin-left:-20px}.modern-edu-content{margin-left:1rem;padding-left:1rem}.experience-content{padding:.8rem}.experience-title{font-size:1rem}.experience-duration{font-size:.8rem}.skill-name{width:120px;font-size:.9rem}}section#projects.projects-section{opacity:0;text-align:left;flex-direction:column;align-items:flex-start;display:flex}section#projects.projects-section.visible{animation:1s ease-out forwards fadeInLeft}section#projects.projects-section:not(.visible){animation:1s ease-in forwards fadeOutLeft}.projects-title{color:#000;justify-content:flex-start;align-items:center;margin-bottom:2rem;font-size:2rem;font-weight:700;display:flex}body.dark-mode .projects-title{color:#fff}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;display:grid}.project-card{background-color:#fff;border-radius:12px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000000d 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}body.dark-mode .project-card{background-color:#2a2a2a}.project-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 24px #00000026}.project-card:hover:before{opacity:1}.project-image{object-fit:cover;width:100%;height:200px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image{transform:scale(1.05)}.project-content{text-align:center;flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;padding:1rem;display:flex}.project-card-title{color:#000;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}body.dark-mode .project-card-title{color:#fff}.project-description{color:#555;flex-grow:1;margin-bottom:1rem;font-size:1rem}body.dark-mode .project-description{color:#ccc}.project-button{color:#fff;text-align:center;cursor:pointer;background-color:#000;border:none;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.project-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-button:hover:before{width:300px;height:300px}body.dark-mode .project-button{color:#000;background-color:#fff}.project-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.project-button:active{transform:translateY(0)}body.dark-mode .project-button:before{background:#0000001a}body.dark-mode .project-button:hover{background-color:#e0e0e0;box-shadow:0 4px 12px #fff3}.project-preview{z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.preview-content{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:600px;max-height:80vh;padding:2rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0003}body.dark-mode .preview-content{background-color:#2a2a2a}.preview-image{object-fit:cover;border-radius:8px;width:100%;height:200px}.preview-title{color:#000;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}body.dark-mode .preview-title{color:#fff}.preview-full-info{color:#555;font-size:1rem}body.dark-mode .preview-full-info{color:#ccc}.preview-buttons{justify-content:center;gap:1rem;display:flex}.preview-open-button{color:#fff;background-color:#000;border-radius:4px;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .3s}body.dark-mode .preview-open-button{color:#000;background-color:#fff}.preview-open-button:hover{background-color:#555}body.dark-mode .preview-open-button:hover{background-color:#ccc}.preview-close-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;transition:background-color .3s}body.dark-mode .preview-close-button{color:#000;background-color:#fff}.preview-close-button:hover{background-color:#555}body.dark-mode .preview-close-button:hover{background-color:#ccc}@media (width<=768px){.projects-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.project-card{min-height:300px}.project-image{height:120px}.project-card-title{font-size:1rem}.project-description{font-size:.85rem}.project-button{padding:.5rem 1rem;font-size:.85rem}.preview-content{max-width:90%;padding:1.5rem}.preview-image{height:150px}.preview-title{font-size:1.25rem}.preview-full-info{font-size:.9rem}.preview-open-button,.preview-close-button{padding:.4rem .8rem;font-size:.9rem}}@media (width<=480px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.project-card{min-height:250px}.project-image{height:100px}}.shop-section{opacity:0;text-align:left;align-items:flex-start}.shop-section.visible{animation:1s ease-out forwards fadeInLeft}.shop-section:not(.visible){animation:1s ease-in forwards fadeOutLeft}.shop-content{width:100%}.shop-title{color:#000;margin-bottom:1rem;font-size:2rem;font-weight:700}body.dark-mode .shop-title{color:#fff}.shop-description{color:#555;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}body.dark-mode .shop-description{color:#ccc}.shop-features{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.shop-feature{color:#333;background:#f0f0f0;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}body.dark-mode .shop-feature{color:#fff;background:#3a3a3a}.shop-button{color:#fff;background-color:#000;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:background-color .3s,transform .3s;display:inline-block}body.dark-mode .shop-button{color:#000;background-color:#fff}.shop-button:hover{background-color:#555;transform:translateY(-2px)}body.dark-mode .shop-button:hover{background-color:#ccc}@media (width<=768px){.shop-title{font-size:1.5rem}.shop-description{font-size:.9rem}.shop-features{gap:.75rem}.shop-feature{padding:.4rem .8rem;font-size:.85rem}.shop-button{padding:.6rem 1.2rem;font-size:.9rem}}.ark7-style-container{max-width:1200px;margin:0 auto;font-family:Terminus,monospace}.app-hero{align-items:center;gap:3rem;padding:4rem 2rem;display:flex}.hero-content{flex:1}.hero-content h1{margin-bottom:1rem;font-size:3.5rem}.hero-subtitle{color:#666;margin-bottom:2rem;font-size:1.5rem}.hero-badges{gap:1rem;display:flex}.hero-badges img{height:50px}.hero-image{background:#f5f5f5;border-radius:16px;flex:1;height:500px}.value-props{background:#f9f9f9;gap:2rem;padding:4rem 2rem;display:flex}.prop-card{background:#fff;border-radius:12px;flex:1;padding:2rem;box-shadow:0 4px 12px #0000000d}.prop-icon{margin-bottom:1rem;font-size:2.5rem}.app-showcase{text-align:center;padding:4rem 2rem}.showcase-steps{justify-content:center;gap:3rem;margin:3rem 0;display:flex}.step{flex-direction:column;align-items:center;gap:1rem;display:flex}.step-number{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.app-screenshots{gap:2rem;margin-top:3rem;display:flex}.cta-section{text-align:center;background:#f9f9f9;padding:4rem 2rem}.cta-section h2{margin-bottom:2rem}.cta-badges{justify-content:center;gap:1rem;display:flex}.portfolio-motion,.motion-project-preview{--motion-accent:#b84d18;--motion-ease:cubic-bezier(.16, 1, .3, 1)}.portfolio-motion{isolation:isolate;overflow-x:clip}body:has(.portfolio-motion){animation:none!important}.portfolio-motion section{will-change:auto;scroll-margin-top:100px;transform:none;opacity:1!important;animation:none!important}.portfolio-motion .portfolio-scroll-track{z-index:1100;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.portfolio-scroll-progress{transform-origin:0;background:linear-gradient(90deg,#d45b22,#ffb56b);height:100%;transform:scaleX(0)}.portfolio-motion.motion-enabled .motion-reveal{--scene-x:0px;--scene-y:95px;--scene-rx:16deg;--scene-ry:0deg;--scene-scale:.8;opacity:0;translate:none;transform:perspective(950px) translate3d(var(--scene-x), var(--scene-y), -280px) rotateX(var(--scene-rx)) rotateY(var(--scene-ry)) scale(var(--scene-scale));filter:blur(4px);transform-origin:50%;transition:transform 1.25s cubic-bezier(.12,.95,.2,1) var(--scene-delay,0s), opacity .65s ease var(--scene-delay,0s), filter .85s ease var(--scene-delay,0s)}.portfolio-motion.motion-enabled .motion-reveal[data-motion-scene=home]{--scene-x:-80px;--scene-y:50px;--scene-ry:18deg}.portfolio-motion.motion-enabled .home-image.motion-reveal{--scene-x:100px;--scene-ry:-24deg;--scene-scale:.65}.portfolio-motion.motion-enabled .motion-reveal[data-motion-scene=about]{--scene-x:-190px;--scene-y:55px;--scene-rx:0deg;--scene-ry:35deg;transform-origin:0}.portfolio-motion.motion-enabled .motion-reveal[data-motion-scene=resume]{--scene-y:180px;--scene-rx:35deg;--scene-ry:-12deg;--scene-scale:.65}.portfolio-motion.motion-enabled .project-card.motion-reveal{--scene-y:140px;--scene-rx:28deg;--scene-ry:var(--card-fan,0deg);--scene-scale:.6}.portfolio-motion.motion-enabled .motion-reveal[data-motion-scene=snapchat]{--scene-x:190px;--scene-y:60px;--scene-rx:-12deg;--scene-ry:-36deg}.portfolio-motion.motion-enabled .motion-reveal[data-motion-scene=shop]{--scene-y:30px;--scene-rx:0deg;--scene-ry:-34deg;--scene-scale:.58}.portfolio-motion.motion-enabled .motion-reveal[data-motion-scene=contact]{--scene-y:180px;--scene-rx:38deg;--scene-scale:.8;transform-origin:bottom}.portfolio-motion.motion-enabled .motion-reveal.motion-above:not(.motion-visible){transition-delay:0s;transform:perspective(1100px)translate3d(0,-120px,-280px)rotateX(-24deg)scale(.7)}.portfolio-motion.motion-enabled .motion-reveal.motion-visible,.portfolio-motion.motion-enabled .motion-reveal:focus-within{opacity:1;filter:none;transform:none}.portfolio-motion section.motion-scene{isolation:isolate;position:relative}.portfolio-motion.motion-enabled .motion-visible>h2,.portfolio-motion.motion-enabled .motion-visible>h3,.portfolio-motion.motion-enabled h2.motion-visible,.portfolio-motion.motion-enabled .home-text.motion-visible .home-greeting,.portfolio-motion.motion-enabled .project-card.motion-visible .project-card-title{animation:.95s cubic-bezier(.16,1,.3,1) .12s both title-unfold}.portfolio-motion.motion-enabled .about-content.motion-visible>p,.portfolio-motion.motion-enabled .resume-category.motion-visible .resume-about,.portfolio-motion.motion-enabled .shop-content.motion-visible>p,.portfolio-motion.motion-enabled .project-card.motion-visible .project-description{animation:1s cubic-bezier(.16,1,.3,1) .22s both copy-materialize}.portfolio-motion.motion-enabled .home-social-links.motion-visible>.home-social-link{animation:.85s cubic-bezier(.16,1,.3,1) both rail-unfold}.portfolio-motion .home-social-link:nth-child(2){animation-delay:80ms!important}.portfolio-motion .home-social-link:nth-child(3){animation-delay:.16s!important}.portfolio-motion .home-social-link:nth-child(4){animation-delay:.24s!important}.portfolio-motion .home-social-link:nth-child(5){animation-delay:.32s!important}.portfolio-motion .project-card:after{content:"";z-index:3;pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 32%,#ffffff70 50%,#0000 68%);position:absolute;inset:0}.portfolio-motion.motion-enabled .project-card.motion-visible:after{animation:1.5s ease-out .25s both card-sheen}@media (hover:hover) and (pointer:fine){.portfolio-motion .home-contact-btn:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 10px 30px #b84d1830}}@keyframes title-unfold{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:perspective(800px)translate(-35px)rotateY(28deg)skew(-6deg)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes copy-materialize{0%{opacity:0;filter:blur(5px);transform:translateY(24px)}to{opacity:1;filter:none;transform:none}}@keyframes rail-unfold{0%{opacity:0;transform:perspective(500px)translate(-30px)rotateY(-80deg)}to{opacity:1;transform:none}}@keyframes card-sheen{0%{opacity:0;transform:translate(-120%)}25%{opacity:.8}to{opacity:0;transform:translate(120%)}}.portfolio-motion #home{box-sizing:border-box;background-color:#0000;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:3rem;max-width:1200px;height:auto;min-height:100svh;padding:9rem 5rem 5rem;display:grid!important}.hero-atmosphere{z-index:-1;pointer-events:none;transform:translate3d(var(--atmosphere-x,0px), calc(var(--atmosphere-y,0px) + var(--atmosphere-scroll-y,0px)), 0);transition:transform .6s ease-out;position:absolute;inset:-70px -50px -110px;overflow:hidden;-webkit-mask-image:radial-gradient(#000 25%,#000b 55%,#0000 78%);mask-image:radial-gradient(#000 25%,#000b 55%,#0000 78%)}.hero-blob{background:radial-gradient(closest-side,#f5ae7636,#f5ae761b 35%,#ffe6d20a 62%,#0000 100%);border-radius:48% 52% 60% 40%;width:440px;height:440px;animation:18s ease-in-out infinite alternate atmosphere-drift;display:block;position:absolute}.blob-one{top:10%;right:-80px}.blob-two{opacity:.8;width:540px;height:540px;animation-duration:23s;animation-delay:-9s;bottom:-30px;left:-160px}.portfolio-motion .home-text{min-width:0;animation:none}.portfolio-motion .home-greeting{flex-wrap:wrap;gap:0 .3em;font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.22}.hero-word{display:inline-block}.portfolio-motion .home-role{white-space:normal;border-right:0;min-height:3.2em;overflow:visible}.portfolio-motion .home-role,.portfolio-motion .home-about,.portfolio-motion .home-btn{animation:none}.portfolio-motion .home-btn{flex-flow:wrap;align-items:center;gap:12px}.portfolio-motion .home-contact-btn{min-height:48px;margin:0;padding:14px 20px;font-size:13px}.portfolio-motion .home-image,.portfolio-motion .home-social-links{animation:none}.portrait-float{animation:6s ease-in-out infinite portrait-float;position:relative}.portfolio-motion .profile-picture{box-sizing:border-box;width:240px;min-width:0;max-width:100%;height:240px;min-height:0;max-height:none}.portfolio-motion button.mouse-scroll{color:#1a1a1a;background:0 0;border:0;justify-content:center;width:48px;min-height:60px;padding:8px}body.dark-mode .portfolio-motion button.mouse-scroll{color:#fff}.portfolio-motion .mouse{box-sizing:border-box;width:28px;height:44px;color:inherit;border:2px solid;border-radius:16px;position:relative}.portfolio-motion .wheel{background:currentColor;border:0;border-radius:3px;width:3px;height:7px;margin:0;animation:1.8s ease-out infinite portfolio-mouse-wheel;position:absolute;top:6px;left:calc(50% - 1.5px)}.portfolio-motion .navbar .logo,.portfolio-motion .navbar .logo:hover{transform:rotate(var(--scroll-logo-angle,0deg));transition:none}@keyframes portfolio-mouse-wheel{0%,25%{opacity:1;transform:translateY(0)}80%,to{opacity:0;transform:translateY(7px)}}.portfolio-motion .home-social-links{left:1rem}.portfolio-motion :is(button,a):focus-visible,.motion-project-preview :is(button,a):focus-visible{outline:3px solid var(--motion-accent);outline-offset:4px}.portfolio-motion .project-card{transition:border-color .25s, box-shadow .25s, transform .9s var(--motion-ease), opacity .65s ease, filter .85s ease;border:1px solid #0000}.portfolio-motion.motion-enabled .project-card.motion-reveal{translate:none}.portfolio-motion .project-card:before{background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), #ef8d3e1c, transparent 65%);z-index:1}.portfolio-motion .project-content{z-index:2;position:relative}.portfolio-motion .project-button{min-height:44px}.portfolio-motion .projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media (hover:hover) and (pointer:fine){.portfolio-motion.motion-enabled .project-card:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);border-color:#d57136a6;box-shadow:0 18px 40px #6c3b1a1c}.portfolio-motion .project-card:hover .project-image{transform:scale(1.045)}.portfolio-motion .home-social-link:hover{color:var(--motion-accent)}}.motion-project-preview{z-index:2200;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17110bd9;padding:24px}.motion-project-preview .preview-content{box-sizing:border-box;overscroll-behavior:contain;border-radius:20px;outline:none;width:min(100%,720px);max-width:720px;max-height:88svh;padding:48px 28px 28px}.motion-project-preview .preview-image{object-fit:contain;height:auto;max-height:330px}.motion-project-preview .preview-full-info{white-space:pre-line;line-height:1.8}.motion-project-preview .preview-additional-images{gap:16px;width:100%;display:grid}.motion-project-preview .preview-additional-images img{object-fit:contain;height:auto;max-height:250px}.motion-dialog-close{color:#33251c;cursor:pointer;background:#fff;border:1px solid #bbb5af;border-radius:50%;width:36px;height:36px;font-size:25px;position:absolute;top:10px;right:10px}.motion-project-preview :is(.preview-open-button,.preview-close-button){box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;display:inline-flex}.motion-project-preview .preview-open-button{background:var(--motion-accent);color:#fff}.motion-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes portrait-float{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes atmosphere-drift{0%{transform:translate(-15px)rotate(-12deg)scale(.9)}to{transform:translate(35px,-40px)rotate(18deg)scale(1.12)}}@media (width<=768px){.portfolio-motion #home{gap:1.6rem;min-height:100svh;padding:7rem 1.5rem 3rem;display:flex!important}.portfolio-motion .home-image{order:-1;gap:4px}.portfolio-motion .profile-picture{width:190px;height:190px}.portfolio-motion.motion-enabled .motion-reveal{filter:blur(2px)}.portfolio-motion.motion-enabled .motion-reveal.motion-visible,.portfolio-motion.motion-enabled .motion-reveal:focus-within{filter:none}.portfolio-motion .home-greeting{font-size:clamp(1.7rem,6vw,2.5rem)}.portfolio-motion .home-btn{justify-content:center;margin-bottom:0}.portfolio-motion .home-about{font-size:.95rem}.portfolio-motion .home-social-links{position:static}.portfolio-motion .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-motion .project-card{min-width:0}.portfolio-motion .project-content{padding:12px}.portfolio-motion .project-card-title{overflow-wrap:anywhere}.portfolio-motion .experience-title{overflow-wrap:anywhere;flex-wrap:wrap;gap:6px}.portfolio-motion .experience-duration{flex-basis:100%;margin-left:0}.motion-project-preview{padding:12px}.motion-project-preview .preview-content{max-width:100%;max-height:90svh;padding:48px 18px 20px}.motion-project-preview .preview-buttons{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html:has(.portfolio-motion){scroll-behavior:auto!important}.portfolio-motion *,.portfolio-motion :before,.portfolio-motion :after,.motion-project-preview *,.motion-project-preview :before,.motion-project-preview :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.portfolio-motion .motion-reveal{opacity:1!important;filter:none!important;transform:none!important}.portfolio-motion :is(.hero-word,.home-app-link,.home-role,.home-about,.home-btn,.home-image){opacity:1;transform:none}.portfolio-motion .project-card:hover,.portfolio-motion .project-card:hover .project-image{transform:none!important}}