@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden;scroll-behavior:smooth}html{cursor:url(/png/cursors/cursor.png) 8 8,url(/svg/cursors/cursor.svg) 8 8,auto}a.nav-item,a:not(.footer-social-link),button,.nav-item .nav-text input[type=submit],.clickable,.footer-nav-link,.footer-email,.footer-back-to-top,.footer-social-link{cursor:url(/png/cursors/cursor-active2.png) 8 8,url(/svg/cursors/cursor-active2.svg) 8 8,pointer!important}body.mesh-hover-active .experience-canvas{cursor:url(/png/cursors/cursor-active2.png) 8 8,url(/svg/cursors/cursor-active2.svg) 8 8,pointer}img{cursor:inherit}span.footer-logo{cursor:url(/png/cursors/cursor.png) 8 8,url(/svg/cursors/cursor.svg) 8 8}footer a.nav-item,footer a:not(.footer-social-link){cursor:url(/png/cursors/cursor-active2.png) 8 8,url(/svg/cursors/cursor-active2.svg) 8 8,pointer}.footer,.footer *{cursor:url(/png/cursors/cursor.png) 8 8,url(/svg/cursors/cursor.svg) 8 8,auto}.footer a,.footer a *{cursor:url(/png/cursors/cursor-active2.png) 8 8,url(/svg/cursors/cursor-active2.svg) 8 8,pointer!important}:root{--color-background-light: #f5f5f5;--color-container-bg-light: #e0dcd8;--color-container-border-light: #bbbaba;--color-section-bg-light: #ece9e6;--color-section-border-light: #efede9;--color-text-light: #333333;--color-primary-light: #4a6fa5;--color-secondary-light: #6d98ba;--color-accent-light: #ff6b6b;--nav-bg-light: rgba(255, 255, 255, .1);--nav-bg-dark: rgba(0, 0, 0, .3);--nav-border-light: rgba(255, 255, 255, .2);--nav-border-dark: rgba(255, 255, 255, .1);--nav-shadow: 0 4px 30px rgba(136, 131, 131, .733);--nav-shadow-color: rgba(175, 172, 172, .842);--nav-item-padding: 12px 20px;--nav-icon-size: 80px;--nav-icon-size-mobile: 70px;--social-icon-size: 50px;--social-icon-size-mobile: 35px;--section-content-max-width: 600px;--section-content-max-width-lg: 900px;--section-content-max-width-xl: 1100px;--section-content-padding: 40px;--section-content-padding-mobile: 20px;--section-content-border-radius: 20px;--card-bg-light: rgba(255, 255, 255, .03);--card-bg-hover: rgba(255, 255, 255, .05);--card-border-color: rgba(255, 255, 255, .05);--card-border-hover: var(--color-primary);--card-transition: all .3s ease;--timeline-item-padding: 20px;--timeline-item-padding-mobile: 20px;--timeline-item-border-radius: 16px;--grid-gap-default: 30px;--grid-gap-small: 20px;--text-size-small: .85rem;--text-size-default: 1.1rem;--text-size-large: 1.2rem;--text-size-xl: 1.3rem;--text-size-xxl: 1.5rem;--section-spacing: 2rem;--section-spacing-half: 1rem;--section-spacing-double: 1.5rem;--footer-bg: rgba(245, 245, 245, .788);--footer-border: rgba(0, 0, 0, .05);--footer-text: rgba(0, 0, 0, .4);--footer-hover-bg: rgba(245, 245, 245, .911);--footer-hover-text: rgba(0, 0, 0, .6);--footer-hover-border: rgba(0, 0, 0, .08);--footer-logo: rgba(102, 102, 102, .699);--footer-divider: rgba(0, 0, 0, .1);--footer-tagline: rgba(0, 0, 0, .3);--footer-nav: rgba(0, 0, 0, .4);--footer-email: rgba(0, 0, 0, .4);--footer-social-bg: rgba(0, 0, 0, .02);--footer-social-hover: rgba(74, 111, 165, .1);--footer-top-bg: rgba(0, 0, 0, .02);--footer-top: rgba(0, 0, 0, .3)}.light-theme{--color-background: var(--color-background-light);--color-text: var(--color-text-light);--color-primary: var(--color-primary-light);--color-secondary: var(--color-secondary-light);--color-accent: var(--color-accent-light);--nav-bg: var(--nav-bg-light);--nav-border: var(--nav-border-light)}.navbar{overflow:visible;position:fixed;top:20px;left:20px;z-index:1000;font-family:Inter,sans-serif}.navbar-cards-container{position:relative;min-width:400px;width:600px;height:140px;perspective:1000px}.navbar-card{position:absolute;width:100%;height:120px;background:var(--color-container-bg-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-container-border-light);border-radius:20px;box-shadow:0 8px 32px #0000001a;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.navbar-main{top:0;left:0;z-index:2;transform:translateY(0) scale(1);opacity:1;filter:blur(0);overflow:visible}.navbar-secondary{top:20px;left:0;z-index:1;overflow:visible;transform:translateY(10px) scale(.95);background:#c2bfbb;border-color:#ffffff1a}.navbar-cards-container.shuffled .navbar-main{top:20px;z-index:1;transform:translateY(10px) scale(.95);background:#c2bfbb;border-color:#ffffff1a}.navbar-cards-container.shuffled .navbar-secondary{top:0;z-index:2;transform:translateY(0) scale(1);opacity:1;filter:blur(0);background:var(--color-container-bg-light);border-color:var(--color-container-border-light)}.navbar-card-content{display:flex;align-items:center;justify-content:center;height:100%;padding:20px 20px 35px;margin-top:.4rem}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text);padding:12px;border-radius:15px;transition:all .3s ease;position:relative;margin:0 .1rem}.nav-item:hover{filter:drop-shadow(0 25px 10px var(--nav-shadow-color));border-color:#ffffff4d}.nav-item.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav-item.active:hover{background:var(--color-secondary);opacity:.9}.nav-icon{width:var(--nav-icon-size);height:var(--nav-icon-size);display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:4px;transition:transform .3s ease}.nav-item:hover .nav-icon{z-index:3;transform:translateY(-8px) perspective(3cm) rotateX(-15deg) scale(1.15)}.nav-text{font-size:12px;font-weight:500;white-space:nowrap}.shuffle-button{position:absolute;top:85px;right:-20px;width:44px;height:44px;border-radius:50%;background:var(--color-container-bg-light);border:2px solid var(--color-container-border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-text);z-index:1000;box-shadow:0 4px 20px #0003}.shuffle-button:hover{transform:rotate(90deg) scale(1.2);border-color:var(--color-primary);box-shadow:0 6px 25px #0000004d}.shuffle-button svg{width:20px;height:20px;transition:transform .3s ease}.navbar-cards-container.shuffled .shuffle-button{transform:rotate(180deg)}.navbar-cards-container.shuffled .shuffle-button:hover{transform:rotate(270deg) scale(1.1)}.navbar-main,.navbar-secondary{transition:all .5s cubic-bezier(.4,0,.2,1)}.navbar-main{top:0;z-index:2;transform:translateY(0) scale(1);opacity:1;background:var(--color-container-bg-light);border-color:var(--color-container-border-light);pointer-events:auto}.navbar-secondary{top:20px;z-index:1;transform:translateY(10px) scale(.95);background:#c2bfbb;border-color:#ffffff1a;pointer-events:none}.navbar-secondary.front,.navbar-main.front{top:0;z-index:2;transform:translateY(0) scale(1);opacity:1;background:var(--color-container-bg-light);border-color:var(--color-container-border-light);pointer-events:auto}.navbar-main:not(.front){top:20px;z-index:1;transform:translateY(10px) scale(.95);background:#c2bfbb;border-color:#ffffff1a;pointer-events:none}.navbar-secondary:not(.front){top:20px;z-index:1;transform:translateY(10px) scale(.95);background:#c2bfbb;border-color:#ffffff1a;pointer-events:none}.navbar-card{transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-toggle{display:none;position:absolute;top:-15px;right:30px;background:none;border:none;cursor:pointer;padding:10px;border-radius:50%;background:#ffffff1a;z-index:1001}.hamburger{display:block;width:20px;height:2px;background:var(--color-text);position:relative;transition:background .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:20px;height:2px;background:var(--color-text);transition:transform .3s ease}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger:before{transform:rotate(45deg);top:0}.nav-toggle.active .hamburger:after{transform:rotate(-45deg);bottom:0}.experience{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:0}.experience-canvas{width:100%;height:100%;display:block}.rolling-background-perspective{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-9999;perspective:800px;perspective-origin:center center;overflow:hidden;pointer-events:none}.rolling-background{position:absolute;top:-10%;left:-10%;width:120%;height:120%;transform:perspective(800px) rotateX(-5deg) rotateY(0) scaleX(1.05) scaleY(1) skew(0);transform-style:preserve-3d;background-position:0 0;background-repeat:repeat;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.rolling-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.1) 70%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:1;mix-blend-mode:multiply}@keyframes rollVector{0%{background-position:0 0}to{background-position:468px 468px}}.rolling-animation{animation:rollVector 70s linear infinite}.page{position:relative;z-index:10;min-height:100vh;padding-top:100vh}.page-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.left-content{position:relative;z-index:10;width:70%;max-width:1700px;margin-right:auto;padding:20px 40px;pointer-events:auto}.hero{position:fixed;top:0;left:0;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;z-index:5;pointer-events:none}.hero-content{max-width:80vw;padding:20px}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;color:var(--color-text);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;font-weight:300;color:var(--color-text);opacity:.9;margin-bottom:2rem}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.section{min-height:none;max-width:50vw;padding:100px 0;display:flex;align-items:center;scroll-margin-top:80px}section#home{min-height:100vh}.section h1{font-size:3rem;margin-bottom:1rem;color:var(--color-text)}.section p{font-size:1.2rem;color:var(--color-subtle-text)}.section-content{text-align:center;width:100%;margin:0 auto;padding:40px;background:var(--color-section-bg-light);border:8px solid var(--color-section-border-light);box-shadow:#8f8f8fb2 0 4px 30px;border-radius:20px}.section-title{font-size:3rem;font-weight:600;margin-bottom:2rem;color:var(--color-primary)}.section-text{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem;color:var(--color-text)}.section-text a{color:var(--color-accent);text-decoration:none;transition:opacity .3s ease}.section-text a:hover{opacity:.8}.section-margin{height:100vh;pointer-events:none}.section-list{list-style:none;margin:1.5rem 0}.section-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-text)}.section-list li:before{content:"•";color:var(--color-accent);position:absolute;left:0;font-size:1.5rem}#home.section .section-content{text-align:center;width:100%;margin:0 auto;padding:40px;background:#ffffff1a;border:none;box-shadow:none;border-radius:20px}#home.section .section-content p{font-size:1.1rem;line-height:1.8;color:#383837b6}#home.section .social-links-container{font-size:0}#home.section .social-link{text-decoration:none;display:inline-block;padding:0 10px}#home.section .social-link img{display:block}#home.section .social-icon{width:var(--social-icon-size);height:var(--social-icon-size)}.about-content{max-width:var(--section-content-max-width-lg);margin:0 auto}.about-text{margin-bottom:1.8rem;line-height:1.8;color:var(--color-text);font-size:var(--text-size-default)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap-default);margin:var(--section-spacing-double) 0}.skill-category{background:var(--card-bg-light);border-radius:12px;padding:25px 20px;border:1px solid rgba(255,255,255,.1)}.skill-category h3{color:var(--color-primary);margin-bottom:20px;font-size:var(--text-size-xl)}.skill-category ul{list-style:none}.skill-category li{padding:8px 0 8px 24px;position:relative;color:var(--color-text)}.skill-category li:before{content:"▹";color:var(--color-primary);position:absolute;left:0}.timeline{max-width:var(--section-content-max-width-lg);margin:0 auto;text-align:left}.timeline-item{margin-bottom:var(--section-spacing-double);padding:var(--timeline-item-padding);background:var(--card-bg-light);border-radius:var(--timeline-item-border-radius);border:1px solid var(--card-border-color);transition:var(--card-transition)}.timeline-item:hover{transform:translate(10px);border-color:var(--card-border-hover)}.timeline-header h2{font-size:var(--text-size-xxl);color:var(--color-primary)}.timeline-date{display:inline-block;padding:6px 12px;background:#4a6fa51a;border-radius:20px;font-size:var(--text-size-small);color:var(--color-primary);font-weight:600}.timeline-details{list-style:none}.timeline-details li{padding:8px 0 8px 28px;position:relative;color:var(--color-text);line-height:1.6}.timeline-details li:before{content:"→";color:var(--color-primary);position:absolute;left:0}#contact .section-content{max-width:var(--section-content-max-width);margin:0 auto}#contact .section-content p{font-size:var(--text-size-default);line-height:1.6;color:var(--color-text);opacity:.9;margin-bottom:var(--section-spacing-double)}.contact-link{margin:2.5rem 0}.contact-email-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;border:2px solid var(--color-primary);transition:all .3s ease;box-shadow:0 4px 15px #4a6fa54d;margin-bottom:1rem}.contact-email-btn:hover{background:transparent;color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 25px #4a6fa566}.contact-email-btn .btn-icon{font-size:1.3rem;transition:transform .3s ease}.contact-email-btn:hover .btn-icon:last-child{transform:translate(5px)}.contact-email-btn:hover .btn-icon:first-child{transform:scale(1.1)}@media(max-width:768px){.contact-email-btn{padding:.8rem 1.5rem;font-size:1rem;width:100%;max-width:350px}}@media(max-width:480px){.contact-email-btn{flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem}.contact-email-btn .btn-text{font-size:.9rem;word-break:break-all}}.projects-grid{display:flex;flex-direction:column;gap:var(--grid-gap-default);max-width:var(--section-content-max-width-xl);margin:0 auto}.project-card{display:flex;gap:35px;background:var(--card-bg-light);border-radius:var(--section-content-border-radius);padding:25px;border:1px solid var(--card-border-color);transition:var(--card-transition)}.project-card:hover{border-color:var(--card-border-hover)}.project-description{margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.project-tech span{display:inline-block;padding:3px 12px;background:linear-gradient(135deg,#80808005,#4a6fa508);border-radius:25px;font-size:.7rem;font-weight:400;color:#808080b3;transition:all .2s ease;border:1px solid rgba(128,128,128,.05);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-links{display:flex;justify-content:center;gap:20px;margin-top:15px;opacity:.5;transition:opacity .3s ease;color:#00000080}.project-card:hover .project-links{opacity:1}.project-link{color:#808080b3;text-decoration:none;font-size:.8rem;font-weight:400;transition:color .2s ease;position:relative}.project-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-primary);transition:width .2s ease;opacity:.5}.project-link:hover{color:var(--color-primary)}.project-link:hover:after{width:100%}.project-image-container{flex-shrink:0;width:clamp(100px,15vw,180px);height:clamp(100px,15vw,180px);border-radius:18px;overflow:hidden;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);transition:all .4s ease}.project-card:hover .project-image-container{transform:scale(1.05) rotate(2deg);border-color:var(--color-primary);box-shadow:0 15px 30px #4a6fa54d}.project-image{width:100%;height:100%;object-fit:cover}.project-content{flex:1}#resume .section-content{max-width:var(--section-content-max-width);margin:0 auto}.resume-preview{margin:var(--section-spacing-double) 0}.resume-description{font-size:var(--text-size-default);line-height:1.6;color:var(--color-text);opacity:.9;margin-bottom:var(--section-spacing-double)}.resume-download-container{margin:2.5rem 0}.resume-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;border:2px solid var(--color-primary);transition:all .3s ease;box-shadow:0 4px 15px #4a6fa54d;margin-bottom:1rem}.resume-download-btn:hover{background:transparent;color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 25px #4a6fa566}.btn-icon{font-size:1.3rem;transition:transform .3s ease}.resume-download-btn:hover .btn-icon:last-child{transform:translateY(3px)}.resume-formats{margin-top:1.5rem}.formats-label{font-size:.9rem;color:var(--color-text);opacity:.6;margin-bottom:.5rem}.format-buttons{display:flex;justify-content:center;gap:1rem}.format-btn{display:inline-block;padding:.5rem 1rem;background:#ffffff0d;color:var(--color-text);text-decoration:none;border-radius:25px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.format-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.resume-updated{font-size:.85rem;color:var(--color-text);opacity:.5;margin-top:2rem;font-style:italic}#archive .section-content{max-width:var(--section-content-max-width);margin:0 auto}.archive-description{margin:var(--section-spacing-double) 0 var(--section-spacing-double)}.archive-text{font-size:var(--text-size-default);line-height:1.6;color:var(--color-text);opacity:.9;max-width:500px;margin:0 auto}.archive-link-card{display:block;text-decoration:none;color:inherit;background:var(--card-bg-light);border:2px solid rgba(255,255,255,.1);border-radius:var(--section-content-border-radius);padding:1.5rem;margin:var(--section-spacing-double) 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.archive-link-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--color-primary);box-shadow:0 20px 40px #0003;background:#ffffff0d}.archive-link-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.archive-link-card:hover:before{left:100%}.archive-card-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.archive-icon{flex-shrink:0;width:60px;height:60px;background:var(--color-primary);border-radius:15px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.archive-link-card:hover .archive-icon{transform:rotate(-5deg) scale(1.1)}.archive-svg{width:35px;height:35px;filter:brightness(0) invert(1)}.archive-emoji-fallback{display:none;font-size:2rem}.archive-info{flex-grow:1;text-align:left}.archive-title{font-size:var(--text-size-xl);font-weight:600;color:var(--color-text);margin-bottom:.25rem}.archive-link-card:hover .archive-title{color:var(--color-primary)}.archive-meta{font-size:var(--text-size-small);color:var(--color-primary);font-weight:500}.archive-link-card:hover .archive-meta{gap:.8rem}.archive-external{flex-shrink:0;opacity:.5;transition:opacity .3s ease,transform .3s ease}.archive-link-card:hover .archive-external{opacity:1;transform:translate(3px,-3px)}.external-icon{stroke:var(--color-text)}.archive-link-card:hover .external-icon{stroke:var(--color-primary)}main{position:relative}.footer{overflow:hidden;bottom:0;left:0;width:100%;height:150px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:Inter,sans-serif;font-size:.75rem;transition:all .3s ease;background:var(--footer-bg);border-top:1px solid var(--footer-border);color:var(--footer-text)}.footer:hover{background:var(--footer-hover-bg);border-top-color:var(--footer-hover-border)}.footer-content{max-width:1400px;margin:0 auto;height:100px;padding:0 30px;display:flex;align-items:center;justify-content:space-between}div.footer-bottom{margin-top:8px;align-items:center;text-align:center;height:200px;font-size:.65rem;color:#000000b9}.footer-credits{display:flex;align-items:center;gap:20px}.footer-logo{font-weight:500;font-size:1.2rem;letter-spacing:.05em;color:var(--footer-logo);transition:color .2s ease}.footer-logo:hover{color:var(--color-primary)}.footer-divider{width:1px;height:20px;background:var(--footer-divider)}.footer-tagline{font-size:.7rem;font-weight:300;color:var(--footer-tagline);font-style:italic}.footer-nav{display:flex;align-items:center;gap:25px}.footer a{display:flex;text-decoration:none}.footer-nav-link{color:var(--footer-nav);text-decoration:none;font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;padding:4px 0;position:relative}.footer-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-primary);transition:width .2s ease;opacity:.5}.footer-nav-link:hover{color:var(--color-primary)}.footer-nav-link:hover:after{width:100%}.footer-right{display:flex;align-items:center;gap:25px}.footer-email{display:flex;align-items:center;gap:6px;color:var(--footer-email);text-decoration:none;font-size:.7rem;transition:color .2s ease;padding:4px 0}.footer-email:hover{color:var(--color-primary)}.footer-email svg{width:12px;height:12px;opacity:.5;transition:opacity .2s ease;stroke:currentColor;fill:none}.footer-email:hover svg{opacity:.8}.footer-social{display:flex;align-items:center;gap:12px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--footer-social-bg);transition:all .2s ease;opacity:.6}.footer-social-link:hover{opacity:1;background:var(--footer-social-hover);transform:translateY(-2px)}.footer-social-icon{width:16px;height:16px;filter:brightness(.4);transition:filter .2s ease}.footer-social-link:hover .footer-social-icon{filter:brightness(.2)}.footer-back-to-top{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--footer-top-bg);color:var(--footer-top);transition:all .2s ease;margin-left:10px}.footer-back-to-top:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer-back-to-top svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}a.footer-back-to-top svg{display:flex;justify-content:center;align-items:center}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center;max-width:400px;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--color-primary);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.loading-text{font-size:1.5rem;color:var(--color-text);margin-bottom:1.5rem;font-weight:500}.loading-progress{width:100%;background:#ffffff1a;border-radius:10px;overflow:hidden;height:20px;margin-bottom:.5rem}.progress-bar{height:100%;background:var(--color-primary);width:0%;transition:width .3s ease;border-radius:10px}.progress-text{font-size:.9rem;color:var(--color-text);opacity:.7;font-family:monospace}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes cardPulse{0%{box-shadow:0 0 #4a6fa566}70%{box-shadow:0 0 0 10px #4a6fa500}to{box-shadow:0 0 #4a6fa500}}.navbar-card:hover{box-shadow:0 12px 40px #00000026}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;mix-blend-mode:overlay;opacity:1}.crt-overlay:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 3px,3px 100%;z-index:2}.crt-overlay:after{content:" ";display:block;position:absolute;inset:0;background:#1210101a;opacity:1;z-index:1;pointer-events:none}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100vh}}.crt-overlay{animation:scanline 10s linear infinite}.mobile-nav-toggle{display:none}@media(max-width:900px){.footer-content{padding:0 20px}.footer-nav{gap:15px}.footer-tagline{display:none}}@media(max-width:768px){.skills-grid,.projects-grid{grid-template-columns:1fr}.timeline-item{padding:20px}.timeline-item:hover{transform:translate(5px)}.navbar{top:15px;left:15px}.navbar-cards-container{width:380px;height:140px}.navbar-card{height:120px}.navbar-card-content{padding:12px;gap:8px}.nav-item{padding:10px 12px;min-width:70px}.nav-icon{width:50px;height:50px}.nav-text{font-size:12px;display:block}.shuffle-button{width:40px;height:40px;top:-15px;right:-15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section{padding:60px 0}.section-content{padding:20px;margin:0 20px}.section-title{font-size:2rem}.section-text{font-size:1rem}.project-card{flex-direction:column;align-items:center;text-align:center;gap:20px}.project-image-container{width:160px;height:160px}.project-header,.project-links{justify-content:center}.archive-card-content{gap:1rem}.archive-icon{width:50px;height:50px}.archive-svg{width:25px;height:25px}.archive-title{font-size:1.1rem}.archive-subtitle,.archive-meta{font-size:.8rem}.resume-download-btn{padding:.8rem 1.5rem;font-size:1rem;width:100%;max-width:300px}.format-buttons{flex-wrap:wrap}.loading-content{max-width:300px;padding:1.5rem}.loading-spinner{width:50px;height:50px}.loading-text{font-size:1.2rem}}@media(max-width:700px){.footer{height:auto;padding:12px 0}.footer-content{flex-direction:column;gap:10px;padding:0 15px;height:auto}.footer-credits{width:100%;justify-content:center}.footer-nav,.footer-right{width:100%;justify-content:center;flex-wrap:wrap}.footer-divider{display:none}}@media(max-width:480px){.mobile-nav-toggle{display:flex;position:absolute;transform:translateY(-50%);width:40px;height:40px;top:12px;right:-15px;border-radius:50%;background:var(--color-container-bg-light);border:2px solid var(--color-container-border-light);align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s ease;box-shadow:0 4px 20px #0003}.mobile-nav-toggle:hover{border-color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.mobile-nav-toggle svg{width:24px;height:24px;transition:transform .3s ease}.mobile-nav-toggle.active svg{transform:rotate(90deg)}.navbar{top:10px;left:10px;z-index:1000}.navbar-cards-container{width:120px;min-width:auto;height:120px;transition:width .3s cubic-bezier(.4,0,.2,1)}.navbar-cards-container.mobile-expanded{width:95vw;z-index:1002}.navbar-card{height:90px;border-radius:18px;overflow:visible}.navbar-card-content{padding:10px;gap:4px;transition:all .3s ease}.navbar-cards-container:not(.mobile-expanded) .nav-item{display:none!important}.navbar-cards-container:not(.mobile-expanded) .nav-item.active{display:flex!important;margin:0 auto;padding:8px 15px;min-width:auto}.navbar-cards-container:not(.mobile-expanded) .nav-item.active .nav-icon{width:55px;height:55px}.navbar-cards-container:not(.mobile-expanded) .nav-item.active .nav-text{display:block;font-size:11px;margin-top:4px}.navbar-cards-container.mobile-expanded .navbar-card-content{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:12px;gap:8px;-webkit-overflow-scrolling:touch}.navbar-cards-container.mobile-expanded .front{height:auto}.navbar-cards-container.mobile-expanded .navbar-secondary:not(.front){top:2.5rem}.navbar-cards-container.mobile-expanded .navbar-main:not(.front){top:2.5rem}.navbar-cards-container.mobile-expanded .nav-item{display:flex!important;flex-shrink:0;padding:.5rem;margin:-.1rem;min-width:65px}.navbar-cards-container.mobile-expanded .nav-icon{width:55px;height:55px}.navbar-cards-container.mobile-expanded .nav-text{display:block;font-size:10px}.navbar-cards-container.mobile-expanded .navbar-card-content::-webkit-scrollbar{height:3px}.navbar-cards-container.mobile-expanded .navbar-card-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.navbar-cards-container.mobile-expanded .navbar-card-content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.shuffle-button{display:none;width:45px;height:45px;top:-9px;right:-11px;z-index:1003}.shuffle-button svg{width:22px;height:22px}.navbar-cards-container.mobile-expanded+.shuffle-button{right:-5px}.navbar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1001;opacity:0;transition:opacity .3s ease;pointer-events:none}.navbar-overlay.active{display:block;opacity:1;pointer-events:auto}.left-content{width:95vw;padding:10px;margin:0 auto;left:0;right:0}.section{height:auto;width:100%;max-width:95vw;left:0;transform:none;padding:40px 0;margin:0 auto 20rem}.section-content{width:100%;max-width:95vw;padding:20px;margin:0 auto;box-sizing:border-box;background:var(--footer-hover-bg);border-color:var(--footer-hover-border)}#home.section .section-content{background:#e0e0e083}#home h1,#home p{text-shadow:2px 2px 4px #e2dfdfce,-2px -2px 4px #e2dfdfce,2px -2px 4px #e2dfdfce,-2px 2px 4px #e2dfdfce}.project-header{flex-direction:column;align-items:flex-start;gap:10px}.skill-category{padding:20px}.section-content p{line-height:1.5;font-size:var(--text-size-medium)}.hero-title{font-size:2rem}p.about-text{font-size:var(--text-size-medium);line-height:1.5}.skill-category{box-shadow:0 0 10px #9ea5b14d;background-color:linear-gradient(135deg,rgba(128,128,128,.02),rgba(74,111,165,.03))}.skill-category li:before{display:none}.skill-category li{padding-left:0;font-size:var(--text-size-small);font-weight:1000}.project-image-container{width:140px;height:140px}p.project-description,#contact .section-content p{font-size:var(--text-size-medium);line-height:1.5}.footer-nav{gap:12px}.footer-nav-link,.footer-email{font-size:.65rem}.archive-card-content{flex-wrap:wrap;justify-content:center;text-align:center;gap:1rem}.archive-info{text-align:center;width:100%}.archive-external{position:absolute;top:1rem;right:1rem}.archive-link-card{padding:2rem 1.5rem 1.5rem}.resume-download-btn{flex-wrap:wrap;gap:.5rem}}@media(max-width:360px){.navbar-cards-container{width:100px}.navbar-cards-container.mobile-expanded{width:300px}.navbar-cards-container:not(.mobile-expanded) .nav-item.active .nav-icon{width:48px;height:48px}.navbar-cards-container.mobile-expanded .nav-icon{width:45px;height:45px}.nav-text{font-size:10px}}