@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);:root{--primary-color:#f96;--secondary-color:#f73;--background-color:#0e0c0c;--surface-color:#3f3f3f;--text-primary:#fff;--text-secondary:#ccc;--accent-color:#f96;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#0a0a0a;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#2a2a2a);background-attachment:fixed;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0af2;border:1px solid #ff99661a;border-radius:25px;box-shadow:0 5px 15px #0000004d;left:50%;padding:8px 16px;position:fixed;top:10px;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:1000}.navbar.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-100%)}.navbar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.navbar-trigger{height:50px;left:0;position:fixed;top:0;width:100%;z-index:999}.nav-content{align-items:center;display:flex;justify-content:center}.nav-content ul{border-radius:25px;display:flex;gap:1.5rem;gap:var(--spacing-md);list-style:none;padding:4px 12px}.nav-content a{border-radius:15px;color:#ccc;color:var(--text-secondary);font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-content a:hover{color:#f96;color:var(--accent-color)}.nav-content a:after{background:linear-gradient(90deg,#0000,#f96,#0000);background:linear-gradient(90deg,#0000,var(--accent-color),#0000);bottom:-2px;content:"";height:2px;left:0;opacity:.8;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.nav-content a:hover:after{transform:scaleX(1)}@media (max-width:768px){.navbar{padding:8px;width:95%}.nav-content ul{gap:.5rem;gap:var(--spacing-xs);padding:.5rem;padding:var(--spacing-xs)}.nav-content a{font-size:.8rem;padding:4px 8px}.hero-section{padding:2rem 1rem;padding:var(--spacing-lg) var(--spacing-sm)}.glowing-text{font-size:2rem}.typewriter{font-size:1.2rem}.text-container{margin:.5rem;min-width:280px;padding:.5rem 1rem;width:90%}.split-section{flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.about-content,.split-section{padding:1rem;padding:var(--spacing-sm)}.about-content{margin:10px}.about-content p{font-size:1.1rem;line-height:1.6}.photo-container{height:200px;margin:0 auto;width:200px}.projects-grid{gap:1.5rem;gap:var(--spacing-md);padding-left:1rem;padding-left:var(--spacing-sm)}.project-container{min-width:300px;width:85vw}.project-card{padding:1rem;padding:var(--spacing-sm)}.project-header h3{font-size:1.2rem}.project-section h4{font-size:1rem}.project-section p{font-size:.9rem}.skills-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);padding:1.5rem;padding:var(--spacing-md)}.skill-card{height:200px;width:150px}.container{flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.container .glass{margin:.5rem 0;margin:var(--spacing-xs) 0;transform:rotate(0deg)!important}section>h2{font-size:2rem;padding:0 1rem;padding:0 var(--spacing-sm)}.chat-container{margin:10px 0;width:100%}.chat-messages{max-height:300px}.chat-input{padding:8px}}@media (min-width:769px) and (max-width:1024px){.project-container{min-width:400px}.skills-grid{grid-template-columns:repeat(3,1fr)}.photo-container{height:300px;width:300px}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:120vh}.text-container{margin:.3rem}.glowing-text{font-size:1.8rem}}@media (hover:none){.nav-content a:hover:after,.project-card:hover{transform:none}.skill-card:hover .skill-content{transform:rotateY(180deg)}.container .glass:hover{transform:none}}section{background:#0000;display:flex;flex-direction:column;justify-content:center;min-height:auto;padding:3rem 1.5rem;padding:var(--spacing-xl) var(--spacing-md)}section>h2{animation:headerGlow 3s ease-in-out infinite;color:#f96;color:var(--accent-color);display:inline-block;font-size:2.5rem;left:50%;letter-spacing:3px;margin-bottom:3rem;margin-bottom:var(--spacing-xl);padding:0 2rem;position:relative;text-align:center;text-transform:uppercase;transform:translateX(-50%)}section>h2:after,section>h2:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:2px;left:0;position:absolute;right:0}section>h2:before{top:-10px}section>h2:after{bottom:-10px}@keyframes headerGlow{0%,to{color:#f96;color:var(--accent-color);text-shadow:0 0 10px #ff996680,0 0 20px #ff99664d,0 0 30px #f963}50%{color:#f96;color:var(--primary-color);text-shadow:0 0 20px #ff9966b3,0 0 30px #ff996680,0 0 40px #ff99664d}}.hero-section{background:linear-gradient(135deg,#0a0a0ab3,#3f3f3fb3),url(/static/media/space.00104ba56dcb21978521.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-bottom:120px;z-index:1}.hero-content,.hero-section{align-items:center;position:relative}.hero-content{display:inline-flex;flex-direction:column;text-align:center;z-index:3}.hero-title,.text-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a66;border:1px solid #ff99661a;border-radius:15px;box-shadow:0 0 30px #00000080}.hero-title{margin-bottom:1rem;padding:1rem 2rem}.text-container{align-items:center;display:flex;flex-direction:column;margin:.5rem auto;min-width:350px;padding:.7rem 1.5rem;width:-webkit-fit-content;width:fit-content}.fade-in,.typing-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;box-shadow:none;margin:0;padding:0}@media (max-width:768px){.text-container{min-width:280px;padding:.5rem 1.2rem}.hero-title{padding:.8rem 1.5rem}}.glowing-text{animation:glow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#f96,#f96,#f73);background:linear-gradient(45deg,var(--accent-color),var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem;font-weight:700;position:relative;text-shadow:0 0 20px #ff996680,0 0 40px #ff99664d,0 0 60px #f963}@keyframes glow{0%{text-shadow:0 0 20px #ff996680,0 0 40px #ff99664d}to{text-shadow:0 0 30px #f96c,0 0 50px #ff996680,0 0 70px #ff99664d}}.typewriter{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:2px solid #f96;border-right:2px solid var(--accent-color);color:#fff;color:var(--text-primary);font-size:2rem;font-weight:400;letter-spacing:.5px;margin:1rem auto;overflow:hidden;text-align:center;text-shadow:1px 1px 3px #00000080;white-space:nowrap;width:-webkit-fit-content;width:fit-content}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#f96;border-color:var(--accent-color)}}.fade-in{animation:fadeIn 1s ease-out forwards;animation-delay:2s;color:#ccc;color:var(--text-secondary);font-size:1.2rem;letter-spacing:1px;opacity:0;text-shadow:1px 1px 2px #00000080;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-content{margin:1rem;padding:2rem}.glowing-text{font-size:2.5rem}.typewriter{font-size:1.5rem}.fade-in{font-size:1rem}}.typing-container{display:flex;justify-content:center;width:100%}.cursor{animation:blink .7s step-end infinite;background-color:#f96;background-color:var(--accent-color);display:inline-block;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.asteroid-game{-webkit-clip-path:inset(0);clip-path:inset(0);height:100%;left:0;max-height:100vh;overflow:hidden;top:0;width:100%;z-index:1}.asteroid-game,.score{pointer-events:none;position:absolute}.score{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f963;border-radius:20px;color:#f96;color:var(--accent-color);font-size:1.2rem;padding:10px 20px;right:20px;top:80px;z-index:1001}.asteroid{cursor:pointer;pointer-events:auto;position:absolute;transform-origin:center;z-index:2}.asteroid-body{animation:rotate 8s linear infinite;background:linear-gradient(45deg,#4a4a4a,#2a2a2a);border-radius:40% 60% 55% 45%/45% 45% 55% 55%;box-shadow:inset -10px -10px 15px #00000080,inset 5px 5px 15px #f963,0 0 20px #ff99664d;height:var(--size);position:relative;width:var(--size)}@keyframes moveAsteroid{0%{left:var(--start-x);top:var(--start-y)}to{left:var(--end-x);top:var(--end-y)}}.asteroid:not(.exploding){animation:moveAsteroid var(--duration) linear forwards}.asteroid.exploding{left:calc(var(--explode-x) - var(--size)/2)!important;position:absolute;top:calc(var(--explode-y) - var(--size)/2)!important}.asteroid.exploding .asteroid-body{animation:explode .5s ease-out forwards}.asteroid-body:before{background:#4a4a4acc;border-radius:50%;box-shadow:inset 2px 2px 5px #fff3,inset -2px -2px 5px #000c;content:"";height:30%;left:15%;position:absolute;top:20%;width:30%}.asteroid-body:after{background:#2a2a2ae6;border-radius:40% 60% 55% 45%;bottom:25%;box-shadow:inset 2px 2px 5px #ffffff1a,inset -2px -2px 5px #000c;content:"";height:20%;position:absolute;right:20%;width:20%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes explode{0%{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}50%{filter:brightness(2);opacity:.5;transform:scale(1.5) rotate(180deg)}to{filter:brightness(3);opacity:0;transform:scale(2) rotate(1turn)}}@media (hover:hover){.hero-section{animation:subtleParallax 20s ease-in-out infinite alternate}}@keyframes subtleParallax{0%{background-position:0 0}to{background-position:100% 100%}}@media (max-width:1200px){.photo-container{min-width:250px}}.about-content{color:#fff;color:var(--text-primary);margin:20px;padding:20px 40px;position:relative}.about-content:after,.about-content:before{background:linear-gradient(180deg,#0000,#ff99664d,#0000);content:"";height:100%;position:absolute;top:0;width:2px}.about-content:before{left:0}.about-content:after{right:0}.about-content p{font-size:1.5rem;line-height:1.9;max-width:800px;padding:20px 0;position:relative}.about-content p:after,.about-content p:before{display:none}.split-section{max-width:1400px}.photo-container{flex:0.8 1;height:250px;width:250px}.chatbot-container h2{animation:none;font-size:2rem;left:0;margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding:0;text-align:left;transform:none}@media (max-width:768px){.about-content:after{display:none}.photo-container{margin-left:0}}#about{margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-lg);width:100%}.split-section{align-items:center;display:flex;gap:2rem;gap:var(--spacing-lg);justify-content:space-between;padding:1.5rem;padding:var(--spacing-md);width:100%}.about-content{flex:2 1;max-width:600px}.photo-container{min-width:350px}@media (max-width:1200px){#about{padding:1.5rem;padding:var(--spacing-md)}.split-section{align-items:center;flex-direction:column}.about-content,.chatbot-container,.photo-container{margin:1.5rem 0;margin:var(--spacing-md) 0;max-width:500px;width:100%}}.chatbot-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151515f2;border:1px solid #ff99661a;border-radius:15px;box-shadow:0 8px 32px 0 #f963;display:flex;flex:2 1;flex-direction:column;max-width:600px;min-height:200px;min-width:500px;overflow:hidden;transform:translateY(0);transition:all .3s ease}.chatbot-container:hover{box-shadow:0 12px 40px 0 #ff99664d;transform:translateY(-5px)}@media (max-width:768px){.split-section{flex-direction:column}}.chat-header{background:linear-gradient(135deg,#3f3f3f,#ba501b);background:linear-gradient(135deg,var(--surface-color),#ba501b);color:#fff;color:var(--text-primary);overflow:hidden;padding:15px 20px;position:relative;text-align:left}.chat-header:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{to{left:100%}}.chat-body{flex:1 1;margin-bottom:0}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.chat-body::-webkit-scrollbar-thumb{background:#f96;background:var(--accent-color);border-radius:4px}.chat-body::-webkit-scrollbar-thumb:hover{background:#f73;background:var(--secondary-color)}.message-wrapper{background:none;display:flex;justify-content:flex-start;margin-bottom:15px;width:100%}.message-wrapper.outgoing{background:none;justify-content:flex-end}.message{word-wrap:break-word;animation:messagePopIn .3s ease-out;border-radius:15px;box-shadow:0 2px 5px #0000001a;max-width:80%;overflow-wrap:break-word;padding:12px 15px;position:relative;width:-webkit-fit-content;width:fit-content}.message.incoming{background:linear-gradient(135deg,#3f3f3f,#2a2a2a);background:linear-gradient(135deg,var(--surface-color),#2a2a2a);border-bottom-left-radius:5px}.message.outgoing{background:linear-gradient(135deg,#ba501b,#f73);background:linear-gradient(135deg,#ba501b,var(--secondary-color));border-bottom-right-radius:5px}.chat-body{background:none;display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.chat-footer{background:linear-gradient(135deg,#1a1a1a,#3f3f3f);background:linear-gradient(135deg,#1a1a1a,var(--surface-color));border-top:1px solid #ff99661a;display:flex;gap:10px;padding:15px;position:relative}.chat-footer input[type=text]{background:#0a0a0acc;border:1px solid #f963;border-radius:20px;color:#fff;color:var(--text-primary);flex:1 1;min-width:0;padding:12px;transition:all .3s ease}.chat-footer input[type=text]:focus{border-color:#f96;border-color:var(--accent-color);box-shadow:0 0 10px #f963;outline:none}.chat-footer button{background:linear-gradient(135deg,#f96,#f73);background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.chat-footer button:hover{box-shadow:0 5px 15px #ff99664d;transform:translateY(-2px)}.chat-footer button:active{transform:translateY(0)}.photo-container{background:#0e0c0c;background:var(--background-color);border-radius:15px;display:inline-block;flex:1 1;height:350px;margin-left:-20px;overflow:hidden;position:relative;width:350px;z-index:2}.photo-container:before{background:radial-gradient(circle,#f73,#0000 80%);background:radial-gradient(circle,var(--secondary-color),#0000 80%);border-radius:50%;content:"";height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease-in-out,opacity .4s ease-in-out;width:500px;z-index:0}.photo-container:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.photo{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.projects-section{margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;width:100vw}.projects-wrapper{padding:0 60px;position:relative;width:100%}.projects-grid{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:1.5rem 0;padding:var(--spacing-md) 0;padding-bottom:15px;padding-left:60px;padding-right:60px;position:relative;scroll-behavior:smooth;scroll-padding:0 60px;scroll-snap-type:x mandatory;scrollbar-color:#f96 #0000;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin;width:100%}@media (min-width:1100px){.projects-grid{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);overflow:visible;padding-left:2rem;padding-left:var(--spacing-lg);padding-right:2rem;padding-right:var(--spacing-lg);scroll-padding:0;scroll-snap-type:none}.project-container{height:380px;max-width:none;min-width:0}.project-card{height:100%;min-height:380px}.scroll-arrow{display:none!important}}.projects-grid::-webkit-scrollbar{height:6px}.projects-grid::-webkit-scrollbar-track{background:#ff996614;border-radius:3px;margin:0 60px}.projects-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#0000,#f96 20%,#f96 50%,#f96 80%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-color) 20%,var(--primary-color) 50%,var(--accent-color) 80%,#0000 100%);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.projects-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#0000,#f73 20%,#f96 50%,#f73 80%,#0000);background:linear-gradient(90deg,#0000 0,var(--secondary-color) 20%,var(--accent-color) 50%,var(--secondary-color) 80%,#0000 100%)}.scroll-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff99661a;border:2px solid #f96;border:2px solid var(--accent-color);border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:20}.scroll-arrow:hover{background:#f963;box-shadow:0 0 20px #f966;opacity:1;transform:translateY(-50%) scale(1.1)}.scroll-arrow:active{transform:translateY(-50%) scale(.95)}.scroll-arrow.left{left:10px}.scroll-arrow.right{right:10px}.scroll-arrow svg{fill:#f96;fill:var(--accent-color);height:24px;transition:fill .3s ease;width:24px}.scroll-arrow:hover svg{fill:#f96;fill:var(--primary-color)}.scroll-arrow.hidden,.scroll-arrow:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.scroll-arrow.hidden:hover,.scroll-arrow:disabled:hover{background:#ff99661a;box-shadow:none;transform:translateY(-50%)}@media (max-width:768px){.projects-wrapper{padding:0}.scroll-arrow{display:none}.projects-grid{-webkit-overflow-scrolling:touch;gap:1.5rem;gap:var(--spacing-md);overscroll-behavior-x:contain;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);scroll-snap-stop:always;scroll-snap-type:x mandatory}.projects-grid::-webkit-scrollbar{height:3px}.projects-grid::-webkit-scrollbar-track{background:#ff99661a;margin:0 20px}.projects-grid::-webkit-scrollbar-thumb{background:#f96;background:var(--accent-color);border-radius:2px}}.project-container{flex:0 0 auto;height:450px;max-width:600px;min-width:500px;overflow:hidden;scroll-snap-align:center}@media (max-width:1100px){.project-container{flex:0 0 80vw;min-width:300px}}.project-container{min-height:450px;min-width:600px;perspective:1500px;width:100%}.project-card{background:linear-gradient(135deg,#0a0a0a,#2a2a2a);border:2px solid #0000;border-radius:2rem;cursor:pointer;height:100%;min-height:450px;padding:1.5rem;padding:var(--spacing-md);position:relative;transform-style:preserve-3d;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover{border-color:#f96;border-color:var(--accent-color);box-shadow:0 0 20px #f963}.project-card .project-back,.project-card .project-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#0a0a0a,#2a2a2a);border-radius:1.8rem;height:100%;left:0;padding:1.5rem;padding:var(--spacing-md);position:absolute;top:0;width:100%}.project-card .project-front{transform:rotateY(0deg)}.project-card .project-back{color:#fff;color:var(--text-primary);transform:rotateY(180deg)}.project-back .back-content{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:20px}.github-link{color:#fff;color:var(--text-primary);display:inline-block;transition:transform .3s ease,color .3s ease}.github-link:hover{transform:scale(1.1)}.github-link:hover,.project-back h3{color:#f96;color:var(--accent-color)}.project-back h3{font-size:1.5rem}.project-back p{color:#ccc;color:var(--text-secondary);font-size:.9rem}.info-link{background:#ff99661a;border:1px solid #f96;border:1px solid var(--accent-color);border-radius:20px;color:#fff;color:var(--text-primary);display:inline-block;margin-top:10px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.info-link:hover{background:#f963;box-shadow:0 5px 15px #f963;transform:translateY(-2px)}.info-link p{color:#f96;color:var(--accent-color);font-size:.9rem;margin:0}.project-card.flipped{transform:rotateY(180deg)}.project-title-link{color:#f96;color:var(--accent-color);text-decoration:underline;text-underline-offset:4px;transition:all .3s ease}.project-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);padding-bottom:.5rem;padding-bottom:var(--spacing-xs);position:relative;top:0;width:100%}.project-header h3{color:#f96;color:var(--accent-color);font-size:1.5rem;margin:0;padding-top:0}.project-content{display:flex;flex-direction:column;height:100%;padding-top:0}.project-date{color:#ccc;color:var(--text-secondary);font-size:.9rem}.project-section,.project-section h4{margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.project-section h4{color:#f96;color:var(--primary-color);font-size:1.1rem}.project-section p{color:#ccc;color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:900px){.projects-grid{grid-template-columns:1fr;max-width:600px}}.tooltip-container{display:inline-block;margin:10px;position:relative}.icon{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;transition:transform .3s ease,filter .3s ease;width:30px}.icon svg{fill:#fff;fill:var(--text-primary);transition:transform .5s ease-in-out}.icon:hover svg{transform:rotate(1turn) scale(1.2)}.tooltip{background-color:#333;border-radius:5px;bottom:125%;box-shadow:none;color:#fff;font-size:.8rem;line-height:1.3;margin-left:-90px;opacity:0;padding:6px;text-align:center;text-shadow:none;transform:translateY(10px);transition:opacity .5s,transform .5s;visibility:hidden;width:180px}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";filter:none;margin-left:-5px;top:100%}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.tooltip-container:hover .tooltip{animation:bounce .6s ease;opacity:1;transform:translateY(0);visibility:visible}.skill-card{height:254px;overflow:visible;width:190px}.skill-content{box-shadow:0 0 10px 1px #000000ee;transform-style:preserve-3d;transition:transform .3s}.skill-back,.skill-content,.skill-front{border-radius:5px;height:100%;width:100%}.skill-back,.skill-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#151515;overflow:hidden;position:absolute}.skill-back{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.skill-back:before{animation:rotation_481 5s linear infinite;background:linear-gradient(90deg,#0000,#f96,#f96,#f96,#f96,#0000);content:" ";display:block;height:160%;position:absolute;width:160px}.skill-back-content{align-items:center;background-color:#151515;border-radius:5px;color:#fff;display:flex;flex-direction:column;gap:30px;height:99%;justify-content:center;position:absolute;width:99%}.skill-card:hover .skill-content{transform:rotateY(180deg)}@keyframes rotation_481{0%{transform:rotate(0deg)}0%{transform:rotate(1turn)}}.skill-front{align-items:center;color:#fff;display:flex;justify-content:center;text-align:center;transform:rotateY(180deg)}.skill-front .skill-front-content{flex-direction:column;position:absolute}.skill-description,.skill-front .skill-front-content{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.skill-description{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;border-radius:5px;box-shadow:0 0 10px 5px #00000088}.skill-description p{font-size:.9rem;line-height:1.4;margin:0;padding:10px}.skill-back-content strong{font-size:1.1rem;padding:20px;text-align:center}.skills-grid{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1400px;padding:3rem;padding:var(--spacing-xl);perspective:1000px;transform-style:preserve-3d}.skills-grid .skill-card:nth-child(odd){transform:translateY(-20px)}.skills-grid .skill-card:nth-child(3n){transform:translateY(20px)}.skills-grid .skill-card:nth-child(5n){transform:translateZ(20px) scale(1.05)}.skills-grid .skill-card:hover{transform:translateZ(30px) scale(1.1);z-index:10}.skills-grid .skill-card:hover+.skill-card{transform:translateX(15px)}.skills-grid .skill-card{transition:all .5s cubic-bezier(.4,0,.2,1)}@media (max-width:1200px){.skills-grid{gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);padding:2rem;padding:var(--spacing-lg)}}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-grid .skill-card:nth-child(odd){transform:translateY(-10px)}.skills-grid .skill-card:nth-child(3n){transform:translateY(10px)}}.skills-grid .skill-card{animation:float 6s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--i, 0)*-1s)}.skills-grid .skill-card:nth-child(2n){--i:1}.skills-grid .skill-card:nth-child(3n){--i:2}.skills-grid .skill-card:nth-child(4n){--i:3}.skills-grid .skill-card:nth-child(5n){--i:4}.container{min-height:300px;padding:1.5rem;padding:var(--spacing-md)}.container,.container .glass{align-items:center;display:flex;justify-content:center;position:relative}.container .glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fff2,#0000);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 25px 25px #00000040;height:200px;margin:0 -45px;transform:rotate(calc(var(--r)*1deg));transition:.5s;width:180px}.container:hover .glass{margin:0 10px;transform:rotate(0deg)}.container a{position:relative;transition:z-index 0s .5s;z-index:1}.container a:hover{transition:z-index 0s;z-index:2}.container .glass:before{align-items:center;background:#ffffff0d;bottom:0;color:#fff;content:attr(data-text);display:flex;height:40px;justify-content:center;position:absolute;width:100%}.container .glass svg{fill:#fff;font-size:2.5em}footer{background:#0000;border-top:1px solid #ff99661a;padding:1.5rem;padding:var(--spacing-md);text-align:center}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem;gap:var(--spacing-sm)}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-content ul{flex-wrap:wrap;justify-content:center}.hero-section h1{font-size:2.5rem}.contact-info{align-items:center;flex-direction:column}.chat-container{height:400px;margin:10px auto;max-width:none;min-width:280px;width:90%}.chat-messages{max-height:300px;padding:10px}.chat-input{padding:8px}.project-container{height:auto;margin:0 auto;min-width:280px;width:90vw}.project-card{height:auto;min-height:auto;padding:1rem;padding:var(--spacing-sm)}.project-content{padding:.5rem;padding:var(--spacing-xs)}.skills-grid{gap:15px;grid-template-columns:repeat(2,1fr);padding:1rem;padding:var(--spacing-sm)}.skill-card{height:200px;margin:0 auto;width:140px}}@media (min-width:769px){.chat-container{height:500px;width:400px}.project-container{max-width:600px;min-width:500px}.skill-card{height:254px;width:190px}}@media (min-width:1100px){.projects-grid{grid-gap:1rem;grid-gap:var(--spacing-sm);display:grid;gap:1rem;gap:var(--spacing-sm);grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);overflow:visible;padding-left:.5rem;padding-left:var(--spacing-xs);padding-right:.5rem;padding-right:var(--spacing-xs);scroll-snap-type:none}.project-container{height:360px;max-width:none!important;min-width:0!important;width:100%}.project-card{height:100%;min-height:360px}.scroll-arrow{display:none!important}}.experience-section{min-height:80vh;padding:3rem 2rem;padding:var(--spacing-xl) var(--spacing-lg);position:relative}.experience-section:before{background:linear-gradient(90deg,#0000,#f96,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);box-shadow:0 0 20px #ff996680;content:"";height:2px;left:0;position:absolute;right:0;top:0}.experience-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f96,#fc9);background:linear-gradient(45deg,var(--primary-color),#fc9);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;margin-bottom:var(--spacing-xl);text-align:center;text-shadow:0 0 30px #ff99664d}.internship-showcase{background:#0f0f0fcc;border-left:4px solid #f96;border-left:4px solid var(--primary-color);border-radius:0;margin:0 auto;max-width:1000px;overflow:hidden;position:relative}.internship-showcase:before{background:linear-gradient(135deg,#ff99660d,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mission-banner{align-items:center;background:#0000004d;border-bottom:1px solid #f963;display:flex;gap:2rem;gap:var(--spacing-lg);padding:2rem;padding:var(--spacing-lg);position:relative;z-index:2}.mission-icon{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,153,102,.8));font-size:4rem;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mission-primary{flex:1 1}.mission-primary h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f96,#fc9);background:linear-gradient(45deg,var(--primary-color),#fc9);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-sm)}.mission-meta{display:flex;flex-direction:column;gap:6px}.company{color:#f96;color:var(--primary-color);font-size:1.1rem;font-weight:600}.duration{color:#ccc;color:var(--text-secondary);font-size:1rem;font-weight:500}.role{color:#f96;color:var(--primary-color);font-size:1rem;font-style:italic;font-weight:600}.mission-content{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;padding:2rem;padding:var(--spacing-lg);position:relative;z-index:2}.mission-brief-expanded{grid-column:span 1}.content-section{background:#0003;border-left:3px solid #ff99664d;padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease}.content-section:hover{background:#ff99660d;border-left-color:#f96;border-left-color:var(--primary-color)}.content-section h4{align-items:center;color:#f96;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 1rem;margin:0 0 var(--spacing-sm)}.content-section p{color:#ccc;color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.tech-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem;margin-top:var(--spacing-sm)}.tech-badge{background:linear-gradient(135deg,#ff996626,#ff99660d);border:1px solid #ff99664d;border-radius:6px;color:#f96;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.tech-badge:hover{background:linear-gradient(135deg,#ff996640,#ff99661a);border-color:#f96;border-color:var(--primary-color);box-shadow:0 0 15px #ff99664d;transform:translateY(-2px)}.achievements-list{list-style:none;margin:1rem 0 0;margin:var(--spacing-sm) 0 0;padding:0}.achievements-list li{color:#ccc;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.achievements-list li:before{color:#f96;color:var(--primary-color);content:"🎯";font-size:.9rem;left:0;position:absolute;top:0}@media (max-width:1024px){.mission-content{gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr}.mission-brief-expanded{grid-column:span 1}.mission-banner{flex-direction:column;gap:1.5rem;gap:var(--spacing-md);text-align:center}.mission-icon{font-size:3rem}.mission-primary h3{font-size:1.8rem}}@media (max-width:768px){.experience-section{padding:2rem 1rem;padding:var(--spacing-lg) var(--spacing-sm)}.experience-section h2{font-size:2rem}.mission-banner{flex-direction:column;padding:1.5rem;padding:var(--spacing-md);text-align:center}.mission-icon{font-size:2.5rem}.mission-primary h3{font-size:1.5rem}.company{font-size:1rem}.mission-content{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr;padding:1.5rem;padding:var(--spacing-md)}.content-section{padding:1rem;padding:var(--spacing-sm)}.tech-grid{gap:8px}.tech-badge{font-size:.8rem;padding:6px 12px}}
/*# sourceMappingURL=main.f8014e48.css.map*/