.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;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;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;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)}.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:"";background-color:var(--accent-color);border-radius:2px;width:clamp(40px,5vw,60px);height:3px;margin-top:8px;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;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;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%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;opacity:1;backface-visibility:hidden;contain:layout style;width:50%;padding:clamp(15px,2vw,20px) clamp(20px,3vw,40px);position:relative;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);position:absolute;top:50%;transform: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(1)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(1)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:1;border-radius:16px;padding:clamp(20px,2.5vw,25px);transform:translateY(0)scale(1);flex:none!important;max-width:540px!important}.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;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;display:block}.projects p{opacity:.8;font-size:clamp(16px,2vw + .5rem,22px)}.projects-container,.projects-grid{column-count:2;box-sizing:border-box;column-gap:clamp(20px,3vw,30px);width:100%;margin-top:clamp(1rem,2vh,2rem)}.card{box-sizing:border-box;background-color:var(--bg-card);border:2px solid var(--border-color);color:var(--text-secondary);break-inside:avoid;perspective:1000px;backface-visibility:hidden;contain:layout style;border-radius:16px;flex-direction:column;justify-content:flex-start;align-self:start;height:auto;margin-bottom:clamp(20px,3vw,30px);padding:clamp(20px,2.5vw,25px);display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.enhanced-card{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;position:absolute;inset:0;transform:translateZ(0)}.enhanced-card:hover .card-glow{opacity:.15}.projects-grid .card{opacity:1;transform:translate(0,0)scale(1)}@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}}:root[data-theme=light] .card{border-color:#e5e7eb;box-shadow:0 4px 12px #00000014}:root[data-theme=light] .card:hover{border-color:var(--accent-color);box-shadow:0 8px 20px #0891b226}:root[data-theme=light] .timeline-item .card{box-shadow:0 4px 12px #00000014}:root[data-theme=light] .timeline-item .card:hover{box-shadow:0 8px 20px #0891b21f}.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);overflow:hidden}.card-image{object-fit:cover;border-radius:12px;width:100%;height:auto;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;position:absolute;bottom:-4px;left:0}.card-title:hover:after{width:100%}.card-title a{color:var(--accent-color);text-decoration:none}.card-title a:hover{color:var(--accent-glow);text-decoration:underline}.card-role{color:var(--accent-color);margin-bottom:10px;font-size:1.2rem}.card-date{color:var(--text-muted);margin-bottom:10px;font-size:.9rem}.card-description{color:var(--text-secondary);white-space:pre-line;font-size:1rem;line-height:1.6}.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:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:10px;line-height:1.6;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);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}.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,.navbar ul li .resume-btn{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;text-decoration:none;display:flex}.theme-toggle:hover,.resume-btn: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,.resume-btn:active{transform:scale(.95)}.theme-toggle svg,.resume-btn 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;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;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)}.typing{color:var(--typing-color);font-weight:700}.cursor{opacity:1;margin-left:2px}.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,.resume-btn 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{column-count:2}.projects-grid .card{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,.resume-btn 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{column-count:1}.projects-grid .card{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}.project-bullets li{margin-bottom:10px;line-height:1.6}.tech-stack{color:#3b82f6;font-weight:600}.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;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;position:relative}.contact-links a:hover{color:var(--accent-glow)}.contact-links a:after{content:"";background-color:var(--accent-color);width:0%;height:2px;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}:root[data-theme=light] .webring-arrow{color:var(--accent-color)}.webring-icon{opacity:.8;filter:brightness(0)invert();width:26px;height:30px;margin-top:15px;margin-left:5px}:root[data-theme=light] .webring-icon{filter:brightness(0)saturate()invert(44%)sepia(85%)saturate(1586%)hue-rotate(160deg)brightness(95%)contrast(90%);opacity:1}.contact-links a:hover:after{width:100%}:root[data-theme=light] .hero h1{color:var(--text-heading);letter-spacing:-.02em;font-weight:700}:root[data-theme=light] .hero h2{color:var(--text-muted);opacity:1;letter-spacing:-.01em;font-weight:500}:root[data-theme=light] h1,:root[data-theme=light] h2,:root[data-theme=light] h3,:root[data-theme=light] .about-heading{color:var(--text-heading);letter-spacing:-.02em}:root[data-theme=light] .navbar{opacity:1;background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}:root[data-theme=light] .navbar ul li a{color:var(--text-secondary);padding-bottom:4px;position:relative}:root[data-theme=light] .navbar ul li a:after{content:"";background:var(--accent-color);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}:root[data-theme=light] .navbar ul li a:hover{color:var(--accent-color);text-shadow:none}:root[data-theme=light] .navbar ul li a:hover:after{opacity:1}@media (max-width:1024px){canvas{opacity:.7}.card:hover,.contact-box:hover,.timeline-item .card:hover{box-shadow:0 4px 12px var(--shadow-color)!important;transform:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width:768px){.timeline:before{left:20px!important}.timeline-item{text-align:left!important;width:100%!important;padding-left:50px!important;padding-right:15px!important;left:0!important}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:12px!important;right:auto!important;transform:translate(-50%)translateY(-50%)!important}.timeline-item .card,.timeline-item.left .card,.timeline-item.right .card{text-align:left!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.projects-grid{column-count:1!important}.navbar ul li a,.theme-toggle,.resume-btn,button,.contact-links a{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.hero{min-height:90vh;padding:1.5rem 1rem}.about-section,.experience,.projects,.contacts{padding:2rem 1rem}.hero h1{font-size:clamp(28px,8vw,48px)!important}.hero h2{font-size:clamp(16px,5vw,24px)!important}.about-heading,.experience h1,.projects h1,.contacts h1{font-size:clamp(32px,8vw,52px)!important}.card{margin-bottom:1.5rem!important;padding:1.25rem!important}.card-title{font-size:1.25rem!important}.card-description{font-size:.95rem!important}.card-image-container{max-height:200px;overflow:hidden}.card-image{object-fit:cover;height:100%}}@media (max-width:480px){.navbar{padding:8px 5px 5px!important}.navbar img{width:24px!important;height:24px!important}.navbar ul{gap:8px!important}.navbar ul li a{padding:4px 6px;font-size:11px!important}.hero{min-height:85vh;padding:1rem .75rem}.hero h1{font-size:clamp(24px,9vw,40px)!important;line-height:1.1!important}.hero h2{font-size:clamp(14px,5.5vw,20px)!important}.hero-waterloo-logo{height:.9em!important}.about-section,.experience,.projects,.contacts{padding:1.5rem .75rem;margin-top:50px!important}.about-heading,.experience h1,.projects h1,.contacts h1{margin-bottom:1rem!important;font-size:clamp(28px,9vw,44px)!important}.card{border-radius:12px!important;padding:1rem!important}.timeline-item{padding-left:40px!important}.timeline-dot{width:10px!important;height:10px!important;left:8px!important}.timeline:before{width:3px!important;left:12px!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.card:hover,.timeline-item .card:hover{transform:none!important}}@media (hover:none) and (pointer:coarse){.card:hover,.contact-box:hover,.timeline-item .card:hover,.enhanced-card:hover,.navbar ul li a:hover{color:inherit!important;box-shadow:inherit!important;transform:none!important}button:active,a:active{opacity:.7}.card-glow{display:none!important}}.prompt-box-container{box-sizing:border-box;width:100%;max-width:600px;margin:clamp(25px,3vh,35px) auto 0;padding:0 1rem}.prompt-form{width:100%}.prompt-input-wrapper{background-color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);border-radius:16px;align-items:center;gap:10px;padding:8px 12px;display:flex}.prompt-input-wrapper:focus-within{border-color:var(--accent-glow);box-shadow:0 6px 20px var(--shadow-color),0 0 0 3px #00eaff1a}.prompt-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 8px;font-family:Montserrat,sans-serif;font-size:clamp(14px,1.5vw + .5rem,16px)}.prompt-input::placeholder{color:var(--text-muted);opacity:.6}.prompt-input:disabled{opacity:.5;cursor:not-allowed}.prompt-submit-btn{background:var(--accent-color);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;display:flex;box-shadow:0 2px 8px #00eaff4d}.prompt-submit-btn:hover:not(:disabled){background:var(--accent-glow);box-shadow:0 4px 16px #00eaff80}.prompt-submit-btn:disabled{opacity:.5;cursor:not-allowed}.send-icon{width:20px;height:20px;color:var(--bg-primary);stroke-width:2.5px}.spinner{border:2px solid var(--bg-primary);border-top-color:#0000;border-radius:50%;width:20px;height:20px}.prompt-response{background-color:var(--bg-card);border:2px solid var(--accent-color);box-shadow:0 6px 16px var(--shadow-color);border-radius:12px;margin-top:15px;padding:16px 20px;position:relative}.response-content{color:var(--text-primary);padding-right:24px;font-family:Montserrat,sans-serif;font-size:clamp(14px,1.5vw + .3rem,16px);line-height:1.7}.response-content p{color:var(--text-primary);margin:0 0 12px}.response-content p:last-child{margin-bottom:0}.response-content strong{color:var(--accent-color);font-weight:700}.response-content ol,.response-content ul{margin:8px 0 12px;padding-left:24px}.response-content li{color:var(--text-primary);margin:6px 0}.response-content ol{list-style-type:decimal}.response-content ul{list-style-type:disc}.response-content code{background:var(--bg-secondary);color:var(--accent-color);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.response-content pre{background:var(--bg-secondary);border-radius:8px;margin:12px 0;padding:12px;overflow-x:auto}.response-content pre code{background:0 0;padding:0}.prompt-response p{color:var(--text-primary);margin:0;padding-right:24px;font-family:Montserrat,sans-serif;font-size:clamp(14px,1.5vw + .3rem,16px);line-height:1.6}.close-response-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.close-response-btn:hover{color:var(--accent-color);background:#00eaff1a}@media (max-width:768px){.prompt-box-container{max-width:95%}.prompt-input{padding:8px 6px;font-size:clamp(13px,1.3vw + .4rem,15px)}.prompt-submit-btn{padding:8px 12px}.send-icon{width:18px;height:18px}.prompt-response{padding:14px 18px}.response-content,.response-content p,.prompt-response p{font-size:clamp(13px,1.3vw + .3rem,15px)}}@media (max-width:480px){.prompt-input-wrapper,.prompt-submit-btn{padding:6px 10px}.send-icon{width:16px;height:16px}}:root[data-theme=dark] .prompt-input-wrapper:focus-within{box-shadow:0 6px 24px #00eaff4d,0 0 0 3px #00eaff26}:root[data-theme=dark] .prompt-submit-btn{box-shadow:0 2px 8px #00eaff66}:root[data-theme=dark] .prompt-submit-btn:hover:not(:disabled){box-shadow:0 4px 20px #00eaff99}:root[data-theme=light] .prompt-input-wrapper{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}:root[data-theme=light] .prompt-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008,0 0 0 3px #0891b21a}:root[data-theme=light] .prompt-submit-btn{background:linear-gradient(135deg,#0891b2 0%,#0284c7 100%);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}:root[data-theme=light] .prompt-submit-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}:root[data-theme=light] .prompt-response{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}.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]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#ffffffb3;--bg-glass:#ffffffb3;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-heading:#0f172a;--accent-color:#0891b2;--accent-secondary:#0284c7;--accent-glow:#06b6d4;--accent-gradient:linear-gradient(135deg,#0891b2 0%,#0284c7 100%);--border-color:#e2e8f0;--border-subtle:#e2e8f099;--border-glass:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;--shadow-color:#0000000d;--backdrop-blur:blur(12px);--glass-border:1px solid #e2e8f0;--particle-cyan:#0891b266;--particle-indigo:#6366f14d;--particle-white:#fff9;--grid-color:#94a3b80d;--typing-color:#0891b2}:root[data-theme=dark],:root:not([data-theme]){--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;position:relative;overflow-x:hidden}#root{z-index:1;width:100%;min-height:100vh;position:relative;overflow-x:hidden}