.hero{height:100vh;min-height:100vh;color:var(--text-primary);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem 1rem;font-family:Orbitron,sans-serif;transition:color .3s;display:flex;position:relative}.hero h1{width:100%;max-width:1200px;margin-bottom:clamp(15px,2vh,20px);font-size:clamp(32px,5vw + 1rem,64px);line-height:1.2}.hero h2{opacity:.7;width:100%;max-width:1200px;font-size:clamp(18px,2.5vw + .5rem,28px);line-height:1.3}.hero-waterloo-wrap{align-items:center;gap:.35em;display:inline-flex}.hero-waterloo-logo{vertical-align:middle;object-fit:contain;width:auto;height:1em}.hero p{opacity:.5;width:100%;max-width:1200px;font-size:clamp(16px,2vw + .5rem,22px);line-height:1.4}.about-section{color:var(--text-primary);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:clamp(30px,5vh,50px) auto;padding:0 1rem;font-family:Orbitron,sans-serif;transition:color .3s;display:flex;position:relative}.about-heading{margin-bottom:clamp(15px,2vh,20px);font-size:clamp(36px,5vw + 1rem,64px);display:inline-block;position:relative}.about-heading:after{content:"";background-color:var(--accent-color);border-radius:2px;width:clamp(40px,5vw,60px);height:3px;margin-top:8px;transition:background-color .3s;display:block}.about-box{background-color:var(--bg-card);border:2px solid var(--border-color);width:100%;max-width:800px;box-shadow:0 8px 20px var(--shadow-color);box-sizing:border-box;text-align:left;border-radius:16px;margin-bottom:clamp(60px,15vh,190px);padding:clamp(25px,4vw,40px);transition:background-color .3s,border-color .3s,box-shadow .3s}.about-box .about-intro{opacity:.9;margin-bottom:clamp(28px,4vh,36px);font-size:clamp(16px,2vw + .5rem,22px);line-height:1.7}.about-subhead{margin-top:clamp(24px,3vh,32px);margin-bottom:clamp(12px,1.5vh,16px);font-size:clamp(22px,3vw + .5rem,28px);font-weight:600;display:inline-block;position:relative}.about-subhead:after{content:"";border-radius:2px;width:clamp(40px,5vw,60px);height:3px;margin-top:8px;transition:background-color .3s;display:block}.about-subhead-exp{color:#2dd4bf}.about-subhead-exp:after{background-color:#2dd4bf}.about-subhead-athletics{color:#f59e0b}.about-subhead-athletics:after{background-color:#f59e0b}.about-heading{color:var(--accent-color)}.about-highlights{margin:0 0 clamp(16px,2vh,24px);padding:0;list-style:none}.about-highlights li{opacity:.85;margin-bottom:clamp(14px,2vh,20px);padding-left:0;font-size:clamp(15px,1.8vw + .4rem,19px);line-height:1.65}.about-item-title{color:var(--accent-color);margin-bottom:4px;font-size:clamp(16px,2vw + .3rem,20px);font-weight:600;display:block}.experience{min-height:100vh;color:var(--text-primary);text-align:center;box-sizing:border-box;width:100%;max-width:1200px;margin:clamp(80px,10vh,150px) auto 0;padding:clamp(1rem,3vw,2rem);font-family:Orbitron,sans-serif;transition:color .3s;position:relative}.experience h1{margin-bottom:clamp(40px,8vh,100px);font-size:clamp(36px,5vw + 1rem,64px);display:inline-block;position:relative}.experience h1:after{content:"";background-color:var(--accent-color);border-radius:2px;width:clamp(40px,5vw,60px);height:3px;margin-top:8px;transition:background-color .3s;display:block}.experience p{opacity:.8;font-size:clamp(16px,2vw + .5rem,22px)}.experience-container{flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,30px);display:flex}.timeline{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:clamp(1rem,3vw,2rem) 0;position:relative}.timeline:before{content:"";background-color:var(--accent-color);z-index:1;border-radius:2px;width:4px;height:100%;transition:background-color .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;opacity:0;backface-visibility:hidden;contain:layout style;width:50%;padding:clamp(15px,2vw,20px) clamp(20px,3vw,40px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(30px)}.timeline-item.animate-in{opacity:1;transform:translate(0,0)}.timeline-item.left.animate-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.timeline-item.right.animate-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px,30px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px,30px)}to{opacity:1;transform:translate(0,0)}}.timeline-dot{background-color:var(--accent-color);border:3px solid var(--bg-primary);z-index:2;backface-visibility:hidden;border-radius:50%;width:clamp(12px,1.5vw,16px);height:clamp(12px,1.5vw,16px);transition:background-color .3s,border-color .3s,transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translateY(-50%)scale(0)translateZ(0)}.timeline-item.left.animate-in .timeline-dot{animation:.5s cubic-bezier(.34,1.56,.64,1) .3s forwards dotPulseLeft}.timeline-item.right.animate-in .timeline-dot{animation:.5s cubic-bezier(.34,1.56,.64,1) .3s forwards dotPulseRight}@keyframes dotPulseLeft{0%{opacity:0;transform:translate(50%)translateY(-50%)scale(0)translateZ(0)}50%{transform:translate(50%)translateY(-50%)scale(1.3)translateZ(0)}to{opacity:1;transform:translate(50%)translateY(-50%)scale(1)translateZ(0)}}@keyframes dotPulseRight{0%{opacity:0;transform:translate(-50%)translateY(-50%)scale(0)translateZ(0)}50%{transform:translate(-50%)translateY(-50%)scale(1.3)translateZ(0)}to{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)translateZ(0)}}.timeline-item.left{text-align:right;left:0}.timeline-item.left .timeline-dot{right:-8px;transform:translate(50%)translateY(-50%)scale(0)translateZ(0)}.timeline-item.left .card{text-align:left;width:calc(100% - clamp(20px,4vw,50px));max-width:540px;margin-left:auto;margin-right:clamp(20px,4vw,50px);transform:none}.timeline-item.right{text-align:left;left:50%}.timeline-item.right .timeline-dot{left:-8px;transform:translate(-50%)translateY(-50%)scale(0)translateZ(0)}.timeline-item.right .card{text-align:left;width:calc(100% - clamp(20px,4vw,50px));max-width:540px;margin-left:clamp(20px,4vw,50px);margin-right:auto}.timeline-item .card{background-color:var(--bg-card);border:2px solid var(--border-color);box-sizing:border-box;opacity:0;border-radius:16px;padding:clamp(20px,2.5vw,25px);transition:background-color .3s,border-color .3s,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;transform:translateY(20px)scale(1);flex:none!important;max-width:540px!important}.timeline-item.animate-in .card{animation:.6s cubic-bezier(.4,0,.2,1) .2s forwards cardSlideIn}.timeline-item.left.animate-in .card{animation:.6s cubic-bezier(.4,0,.2,1) .2s forwards cardSlideInLeft}.timeline-item.right.animate-in .card{animation:.6s cubic-bezier(.4,0,.2,1) .2s forwards cardSlideInRight}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes cardSlideInLeft{0%{opacity:0;transform:translate(-30px,20px)}to{opacity:1;transform:translate(0,0)}}@keyframes cardSlideInRight{0%{opacity:0;transform:translate(30px,20px)}to{opacity:1;transform:translate(0,0)}}.timeline-item .card:hover{box-shadow:0 12px 35px var(--shadow-color);border-color:var(--accent-glow);transform:translateY(-8px)scale(1.01)}.projects{min-height:100vh;color:var(--text-primary);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:clamp(100px,15vh,1500px) auto 0;padding:clamp(1rem,3vw,2rem);font-family:Orbitron,sans-serif;transition:color .3s;display:flex;position:relative}.projects h1{margin-bottom:clamp(15px,2vh,20px);font-size:clamp(36px,5vw + 1rem,64px);display:inline-block;position:relative}.projects h1:after{content:"";background-color:var(--accent-color);border-radius:2px;width:clamp(40px,5vw,60px);height:3px;margin-top:8px;transition:background-color .3s;display:block}.projects p{opacity:.8;font-size:clamp(16px,2vw + .5rem,22px)}.projects-container,.projects-grid{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,30px);width:100%;margin-top:clamp(1rem,2vh,2rem);display:flex}.card{box-sizing:border-box;background-color:var(--bg-card);border:2px solid var(--border-color);min-width:min(100%,400px);max-width:calc(45% - clamp(20px,3vw,30px));color:var(--text-secondary);perspective:1000px;backface-visibility:hidden;contain:layout style;border-radius:16px;flex-direction:column;flex:calc(45% - clamp(20px,3vw,30px));justify-content:flex-start;padding:clamp(20px,2.5vw,25px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s,border-color .3s,color .3s;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.enhanced-card{will-change:transform;contain:layout style}.card-glow{pointer-events:none;background:radial-gradient(circle at 50% 50%,var(--accent-glow)0%,transparent 70%);opacity:0;z-index:0;backface-visibility:hidden;border-radius:16px;transition:opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.enhanced-card:hover .card-glow{opacity:.15}.projects-grid .card{opacity:0;transform:translateY(40px)scale(.95)}.projects-grid .card.animate-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp}@media (max-width:768px){.enhanced-card{perspective:none!important;transform:none!important}.enhanced-card:hover{transform:scale(1.02)!important}.card-glow{display:none}*{text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translate(0,0)scale(1)}}.card-image-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;width:100%;margin-bottom:clamp(15px,2vh,20px);transition:background-color .3s,border-color .3s;overflow:hidden}.card-image{object-fit:cover;border-radius:12px;width:100%;height:auto;transition:transform .3s;display:block}.card:hover .card-image{transform:scale(1.02)}.card:hover{box-shadow:0 15px 40px var(--shadow-color);border-color:var(--accent-glow);transform:translateY(-10px)scale(1.02)}.card.animate-in:hover{transform:translateY(-10px)scale(1.02)}.card-title{margin-bottom:5px;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;display:inline-block;position:relative}.card-title:after{content:"";background-color:var(--accent-color);width:0%;height:2px;transition:width .3s,background-color .3s;position:absolute;bottom:-4px;left:0}.card-title:hover:after{width:100%}.card-title a{color:var(--accent-color);text-decoration:none;transition:color .2s}.card-title a:hover{color:var(--accent-glow);text-decoration:underline}.card-role{color:var(--accent-color);margin-bottom:10px;font-size:1.2rem;transition:color .3s}.card-date{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;transition:color .3s}.card-description{color:var(--text-secondary);white-space:pre-line;font-size:1rem;line-height:1.6;transition:color .3s}.card-bullets,.animated-bullets{text-align:left;word-wrap:break-word;overflow-wrap:break-word;margin-top:15px;padding-left:1.5rem;list-style:inside}.card-bullets li,.animated-bullets li{opacity:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:10px;line-height:1.6;animation:.3s forwards bulletIn;transform:translateY(10px)}@keyframes bulletIn{to{opacity:1;transform:translateY(0)}}.navbar{background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.95;z-index:10;box-sizing:border-box;border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:flex-start;width:100%;max-width:100vw;padding:clamp(15px,2vh,30px) clamp(10px,2vw,20px) clamp(5px,1vh,10px);font-size:clamp(14px,1.5vw,20px);transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;overflow-x:hidden}.navbar ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,8vw,100px);margin:0;padding:0;list-style:none;display:flex}.navbar ul li{align-items:center;display:flex}.navbar ul li a{color:var(--accent-color);white-space:nowrap;font-family:Orbitron,sans-serif;font-size:clamp(14px,1.5vw,20px);font-weight:600;text-decoration:none;transition:color .15s,text-shadow .15s}.navbar ul li a:hover{color:var(--accent-glow);text-shadow:0 0 8px var(--accent-color),0 0 15px var(--accent-glow)}.navbar img{object-fit:cover;border-radius:50%;width:clamp(30px,4vw,40px);height:clamp(30px,4vw,40px);margin:-5px clamp(20px,8vw,100px) 5px clamp(5px,1vw,10px)}.navbar ul li .theme-toggle{color:var(--accent-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:2px;padding:0;font-family:Orbitron,sans-serif;font-weight:600;transition:color .15s,transform .15s;display:flex}.theme-toggle:hover{color:var(--accent-glow);text-shadow:0 0 8px var(--accent-color),0 0 15px var(--accent-glow);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{stroke:currentColor;width:20px;height:20px;display:block}.contacts{height:auto;min-height:40vh;color:var(--text-primary);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:clamp(2rem,5vh,4rem) clamp(1rem,3vw,2rem);font-family:Orbitron,sans-serif;transition:color .3s;display:flex;position:relative}.contacts h1{margin-bottom:clamp(15px,2vh,20px);font-size:clamp(36px,5vw + 1rem,64px);display:inline-block;position:relative}.contacts h1:after{content:"";background-color:var(--accent-color);border-radius:2px;width:clamp(40px,5vw,60px);height:3px;margin-top:8px;transition:background-color .3s;display:block}.contacts p{opacity:.8;font-size:clamp(16px,2vw + .5rem,22px)}.contacts .social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(15px,2vw,20px);margin-top:clamp(15px,2vh,20px);display:flex}.contacts .social-links a img{object-fit:contain;width:clamp(28px,3vw,32px);height:clamp(28px,3vw,32px);transition:transform .2s,filter .2s}.typing{color:var(--typing-color);font-weight:700;transition:color .3s}.cursor{margin-left:2px;animation:1s infinite blink}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.experience,.projects,.about,.contacts{scroll-margin-top:100px}#home,#about,#experience,#projects,#contacts{scroll-margin-top:250px}@media (max-width:768px){.navbar{padding:clamp(10px,1.5vh,20px) clamp(5px,1vw,10px) clamp(3px,.8vh,8px);font-size:clamp(10px,1.2vw,14px)}.navbar ul{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:clamp(8px,2vw,20px);overflow-x:auto}.navbar ul::-webkit-scrollbar{display:none}.navbar ul li a{white-space:nowrap;font-size:clamp(10px,1.2vw,14px)}.navbar img{width:clamp(20px,3vw,30px);height:clamp(20px,3vw,30px);margin-right:clamp(10px,4vw,50px)}.theme-toggle svg{width:16px;height:16px}.timeline:before{left:50%}.timeline-item{width:50%;padding:clamp(8px,1.5vw,12px) clamp(8px,1.5vw,15px)}.timeline-item.left .card,.timeline-item.right .card{width:calc(100% - clamp(15px,5vw,35px));max-width:100%;padding:clamp(15px,2vw,20px)}.timeline-item .card-title{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.3}.timeline-item .card-date{font-size:clamp(.75rem,2vw,.9rem);line-height:1.4}.timeline-item .card-bullets{padding-left:1.2rem;font-size:clamp(.8rem,2vw,.95rem);line-height:1.5}.timeline-item .card-bullets li{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:clamp(6px,1vh,8px)}.timeline-item.left{left:0}.timeline-item.left .card{margin-left:0;margin-right:clamp(12px,3vw,25px)}.timeline-item.right{left:50%}.timeline-item.right .card{margin-left:clamp(12px,3vw,25px);margin-right:0}.timeline-item.left .timeline-dot{right:-6px;transform:translate(50%)translateY(-50%)scale(0)translateZ(0)}.timeline-item.right .timeline-dot{left:-6px;transform:translate(-50%)translateY(-50%)scale(0)translateZ(0)}.projects-grid .card{flex:calc(50% - 15px);min-width:min(100%,280px);max-width:calc(50% - 15px);padding:clamp(15px,2vw,20px)}.projects-grid .card-title{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.3}.projects-grid .project-bullets{font-size:clamp(.8rem,2vw,.95rem);line-height:1.5}.projects-grid .project-bullets li{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}@media (max-width:480px){.navbar ul{gap:clamp(6px,1.5vw,12px)}.navbar ul li a{font-size:clamp(9px,1.1vw,12px)}.navbar img{width:clamp(18px,2.5vw,25px);height:clamp(18px,2.5vw,25px);margin-right:clamp(8px,3vw,40px)}.theme-toggle svg{width:14px;height:14px}.timeline-item{padding:8px 6px}.timeline-item.left .card,.timeline-item.right .card{width:calc(100% - 18px);padding:clamp(12px,1.8vw,18px)}.timeline-item.left .card{margin-right:10px}.timeline-item.right .card{margin-left:10px}.timeline-item .card-title{font-size:clamp(.9rem,2.2vw,1.1rem)}.timeline-item .card-bullets{font-size:clamp(.75rem,1.8vw,.85rem)}.projects-grid .card{flex:100%;min-width:100%;max-width:100%;padding:clamp(12px,1.8vw,18px)}.projects-grid .card-title{font-size:clamp(1rem,2.2vw,1.2rem)}.projects-grid .project-bullets{font-size:clamp(.75rem,1.8vw,.85rem)}}.project-bullets{color:var(--text-secondary);text-align:left;margin-top:15px;padding-left:1.5rem;list-style:outside;transition:color .3s}.project-bullets li{margin-bottom:10px;line-height:1.6}.tech-stack{color:var(--accent-color);font-weight:600;transition:color .3s}.contact-box{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:15px;width:300px;max-width:500px;margin:15px auto 0;padding:20px;transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s;display:flex}.contact-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00eaff4d}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-links a{color:var(--accent-color);padding-bottom:2px;text-decoration:none;transition:color .3s;position:relative}.contact-links a:hover{color:var(--accent-glow)}.contact-links a:after{content:"";background-color:var(--accent-color);width:0%;height:2px;transition:width .3s ease-in-out,background-color .3s;position:absolute;bottom:0;left:0}.webring-container{align-items:center;gap:10px;margin-top:-15px;display:flex}.webring-arrow{color:var(--text-primary);margin-top:5px;margin-left:-5px;margin-right:-5px;font-size:18px;text-decoration:none;transition:color .3s}.webring-icon{opacity:.8;filter:brightness(0)invert();width:26px;height:30px;margin-top:15px;margin-left:5px;transition:opacity .3s}.contact-links a:hover:after{width:100%}.preloader{background:var(--bg-primary);z-index:10000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preloader-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.preloader-spaceship{filter:drop-shadow(0 0 20px var(--accent-glow));will-change:transform;backface-visibility:hidden;animation:1.2s ease-out forwards spaceshipEntrance,1.5s ease-in-out 1.2s infinite pulse;transform:scale(0)rotate(0)}@keyframes spaceshipEntrance{0%{transform:scale(0)rotate(0)translate(0,0)}60%{transform:scale(1.2)rotate(360deg)translate(0,0)}to{transform:scale(1)rotate(360deg)translate(0,0)}}.preloader-spaceship svg{color:var(--accent-color);display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preloader-text{color:var(--text-primary);letter-spacing:.1em;opacity:0;font-family:Orbitron,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:500;animation:.5s ease-out .3s forwards textFadeIn;transform:translateY(20px)}@keyframes textFadeIn{to{opacity:1;transform:translate(0,0)}}.preloader-bar{background:var(--accent-color);width:200px;height:3px;box-shadow:0 0 10px var(--accent-glow);transform-origin:0;will-change:transform;backface-visibility:hidden;border-radius:2px;animation:1.5s ease-in-out forwards barFill;transform:scaleX(0)translate(0,0)}@keyframes barFill{to{transform:scaleX(1)translate(0,0)}}@media (prefers-reduced-motion:reduce){.preloader-spaceship,.preloader-text,.preloader-bar{opacity:1;animation:none;transform:none}.preloader-spaceship svg{animation:none}}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%;overflow-x:hidden}@supports (scroll-behavior:smooth){html{scroll-behavior:smooth}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero,.projects,.experience,.about-section,.contacts{contain:layout style;transform:translateZ(0)}.card,.timeline-item{backface-visibility:hidden}img,video{max-width:100%;height:auto;display:block}@media (hover:none) and (pointer:coarse){.card:hover,.enhanced-card:hover,.about-box:hover,.contact-box:hover{transform:none!important}.enhanced-card{will-change:auto!important}button,a{min-width:44px;min-height:44px}*{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@supports (contain:paint){.card,.timeline-item,.about-box,.contact-box{contain:layout style paint}}:root[data-theme=light],:root:not([data-theme]){--bg-primary:#0a0a1a;--bg-secondary:#0d0d24;--bg-card:#0a122a;--text-primary:#fff;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--accent-color:#00eaff;--accent-glow:#00eaff;--border-color:#00eaff;--border-subtle:#00eaff4d;--shadow-color:#00eaff33;--typing-color:#00b8d4}:root[data-theme=dark]{--bg-primary:#000;--bg-secondary:#050505;--bg-card:#0a0a0a;--text-primary:#fff;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--accent-color:#00eaff;--accent-glow:#00eaff;--border-color:#00eaff;--border-subtle:#00eaff4d;--shadow-color:#00eaff33;--typing-color:#00b8d4}body{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:Montserrat,sans-serif;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative;overflow-x:hidden}