:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#cc8f44;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#cc8f44}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#1a1a1a;color:#f0f0f0;position:relative;overflow:hidden}.welcome-message{margin-bottom:2rem;font-size:1.5rem;z-index:10;background-color:#1a1a1acc;padding:1rem 2rem;border-radius:8px;border:1px solid #444}.welcome-message pre{margin:0}.welcome-message code{font-family:Courier New,Courier,monospace;color:#0f0}.robot-scene-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content__container{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;font-family:Courier New,Courier,monospace;font-size:2rem;font-weight:600;color:#f0f0f0;max-width:600px;width:100%;padding:0rem;background-color:#1a1a1ab3;border-radius:10px;box-shadow:0 4px 20px #0000004d}.content__container__list{list-style:none;padding:0;margin:0;height:3rem;position:relative;overflow:hidden}.content__container__list__item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateY(20px) rotateX(10deg);display:inline-block;animation:appearDisappear 16s infinite}.content__container__list__item:nth-child(1){animation-name:appearDisappear;animation-duration:16s;animation-iteration-count:infinite;animation-delay:0s}.content__container__list__item:nth-child(2){animation-name:appearDisappear;animation-duration:16s;animation-iteration-count:infinite;animation-delay:4s}.content__container__list__item:nth-child(3){animation-name:appearDisappear;animation-duration:16s;animation-iteration-count:infinite;animation-delay:8s}.content__container__list__item:nth-child(4){animation-name:appearDisappear;animation-duration:16s;animation-iteration-count:infinite;animation-delay:12s}.content__container__list__item:before,.content__container__list__item:after{display:inline-block;opacity:0;font-weight:700;color:#0af;animation:bracketPulse 1s ease-in-out infinite}.content__container__list__item:before{content:"[ ";margin-right:.5rem}.content__container__list__item:after{content:" ]";margin-left:.5rem}.content__container__list__item:nth-child(1):before,.content__container__list__item:nth-child(1):after{animation:bracketAppear 16s infinite;animation-delay:.5s}.content__container__list__item:nth-child(2):before,.content__container__list__item:nth-child(2):after{animation:bracketAppear 16s infinite;animation-delay:4.5s}.content__container__list__item:nth-child(3):before,.content__container__list__item:nth-child(3):after{animation:bracketAppear 16s infinite;animation-delay:8.5s}.content__container__list__item:nth-child(4):before,.content__container__list__item:nth-child(4):after{animation:bracketAppear 16s infinite;animation-delay:12.5s}@keyframes appearDisappear{0%,to{opacity:0;transform:translateY(20px) rotateX(10deg)}6.25%,24%{opacity:1;transform:translateY(0) rotateX(0)}25%,to{opacity:0}}@keyframes bracketAppear{0%,to{opacity:1}6.25%,24%{opacity:1}25%,to{opacity:1}}@keyframes bracketPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(2.1)}}@media (max-width: 768px){.content__container{font-size:1.5rem;padding:1.5rem}.content__container__list{height:2.5rem}}@media (max-width: 480px){.content__container{font-size:2rem;padding:1.5rem}.content__container__list{height:3rem}}.scroll-down-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:10}.scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#cc8f44;transition:all .3s ease;cursor:pointer}.scroll-arrow:hover{color:#8a91ff;transform:translateY(-5px)}.arrow-icon{width:24px;height:24px;animation:bounce 2s infinite}.scroll-text{font-size:.9rem;font-weight:500;letter-spacing:.5px;opacity:.8;transition:opacity .3s ease}.scroll-arrow:hover .scroll-text{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.scroll-down-indicator{bottom:20px}.arrow-icon{width:20px;height:20px}.scroll-text{font-size:.8rem}}@media (max-width: 480px){.scroll-down-indicator{bottom:15px}.arrow-icon{width:18px;height:18px}.scroll-text{font-size:.75rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;background:#1a1a1aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:0 2rem;box-sizing:border-box}.navbar-logo{font-size:1.2rem;color:#0f0;font-family:Fira Code,monospace;font-weight:700;letter-spacing:1px;word-break:break-word}.navbar-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar-links li a{color:#f0f0f0;text-decoration:none;font-size:1rem;transition:color .2s}.navbar-links li a:hover{color:#cc8f44}.hamburger{display:none;flex-direction:column;justify-content:center;width:32px;height:32px;cursor:pointer;z-index:1100}.hamburger span{height:3px;width:100%;background:#cc8f44;margin:5px 0;border-radius:2px;transition:.3s}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-overlay{display:none}.menu-overlay.open{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1050}@media (max-width: 900px){.navbar{padding:0 1rem;height:56px}.navbar-logo{font-size:.95rem;max-width:100vw;white-space:normal;word-break:break-word}.navbar-links{position:fixed;top:0;right:-100vw;flex-direction:column;background:#181818;width:70vw;height:100vh;gap:2.5rem;align-items:flex-start;padding:80px 2rem 2rem;box-shadow:-5px 0 15px #0000004d;transition:right .3s cubic-bezier(.77,0,.18,1);z-index:1100}.navbar-links.open{right:0}.hamburger{display:flex}}.about-section{padding:4rem 2rem;background-color:#191919;color:#f0f0f0;position:relative}.about-container{position:relative;max-width:1200px;margin:0 auto;padding-top:2rem}.about-content{position:relative;z-index:1}.about-card{position:relative;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1)}.about-card.visible{opacity:1;transform:translateY(0)}.content-dot{position:absolute;left:20px;top:8px;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background-color:#cc8f44;border:4px solid #191919;z-index:2;box-shadow:0 0 #646cff66;animation:pulse 2s infinite}.about-card-inner{background-color:#252525;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;border:1px solid rgba(100,108,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.about-card-inner:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;border-color:#646cff4d}.about-section-block{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(100,108,255,.1)}.about-section-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.about-block-title{margin-top:0;margin-bottom:1.2rem;color:#fff;font-weight:600;font-size:1.4rem}.personal-info{display:flex;flex-direction:column;gap:.8rem}.info-row{display:flex;align-items:baseline}.info-label{flex:0 0 80px;font-weight:500;color:#cc8f44;font-size:.95rem}.info-value{flex:1;font-size:.95rem}.info-value a{color:#f0f0f0;text-decoration:none;transition:all .2s ease}.info-value a:hover{color:#cc8f44;text-decoration:underline}.about-section-block p{line-height:1.6;margin-bottom:1rem;font-size:.95rem}.about-section-block p:last-child{margin-bottom:0}.about-section-block strong{color:#cc8f44;font-weight:600}.expertise-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.expertise-item h4{color:#cc8f44;margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.expertise-item p{margin-top:0;margin-bottom:0;font-size:.9rem}.about-flex-container{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(100,108,255,.1)}.personal-info-block{flex:1;margin-bottom:0;padding-bottom:0;border-bottom:none}.about-me-block{flex:2;margin-bottom:0;padding-bottom:0;border-bottom:none}@media (max-width: 768px){.about-section{padding:3rem 1rem}.section-title{font-size:2rem;margin-bottom:2.5rem}.content-dot{left:10px;width:12px;height:12px}.about-card-inner{padding:1.5rem}.about-block-title{font-size:1.2rem;margin-bottom:1rem}.about-section-block{margin-bottom:1.5rem;padding-bottom:1.5rem}.expertise-areas{grid-template-columns:1fr;gap:1rem}.expertise-item h4{font-size:1rem}.expertise-item p{font-size:.9rem}.info-row{flex-direction:column;gap:.2rem;margin-bottom:.7rem}.info-label{flex:0 0 auto}.info-value{font-size:.9rem}.about-flex-container{flex-direction:column;gap:1.5rem}.personal-info-block,.about-me-block{padding-bottom:1.5rem}.personal-info-block{border-bottom:1px solid rgba(100,108,255,.1)}}@media (max-width: 480px){.about-section{padding:2rem 1rem}.about-card-inner{padding:1.2rem}}.experience-section{padding:2rem 0rem;background-color:#191919;color:#f0f0f0;position:relative}.timeline-container{position:relative;max-width:900px;margin:0 auto;padding-top:2rem}.timeline-track{position:absolute;width:4px;background:linear-gradient(to bottom,#646cff99,#646cff33);top:0;bottom:0;left:24px;border-radius:2px;z-index:0}.experience-list{position:relative;z-index:1}.experience-item{position:relative;margin-bottom:3rem;padding-left:60px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1)}.experience-item.visible{opacity:1;transform:translateY(0)}.experience-item:nth-child(2){transition-delay:.1s}.experience-item:nth-child(3){transition-delay:.2s}.timeline-dot{position:absolute;left:20px;top:8px;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background-color:#cc8f44;border:4px solid #191919;z-index:2;box-shadow:0 0 #646cff66;animation:pulse 2s infinite}.experience-content{background-color:#252525;padding:1.8rem;border-radius:12px;box-shadow:0 4px 20px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;border:1px solid rgba(100,108,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.experience-content:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;border-color:#646cff4d}.experience-item h3{margin-top:0;margin-bottom:.5rem;color:#fff;font-weight:600;font-size:1.4rem;display:block;flex-wrap:initial;align-items:initial}.company{color:#cc8f44;display:block;margin-left:0;margin-top:.3rem;font-weight:400;font-size:1.1rem;text-shadow:0 0 10px rgba(100,108,255,.2)}.experience-item .title-container{border-bottom:1px solid rgba(100,108,255,.15);padding-bottom:.8rem;margin-bottom:1rem}.responsibilities{padding-left:0;list-style-type:none;margin-bottom:0;display:flex;flex-wrap:wrap;gap:10px}.responsibilities li{margin-bottom:.5rem;line-height:1.5;position:relative;padding-left:1.2rem;text-align:justify}.responsibilities li:before{content:"→";color:#cc8f44;position:absolute;left:0;transition:transform .2s ease}.responsibilities li:hover:before{transform:translate(3px);color:#8a91ff}.responsibilities code{font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background:#646cff14;padding:.2rem .3rem;border-radius:3px;font-size:.9rem;color:#f0f0f0;font-weight:400;letter-spacing:-.01em;border:1px solid rgba(100,108,255,.1);transition:background .2s ease}.responsibilities li:hover code{background:#646cff1f;border-color:#646cff33}@media (max-width: 768px){.experience-section{padding:2.5rem .5rem}.timeline-container{max-width:100%;padding-top:1rem}.section-title{font-size:2rem;margin-bottom:2.5rem}.timeline-track{left:8px;width:3px}.experience-list{width:100%;padding:0}.experience-item{padding-left:28px;margin-bottom:2rem}.timeline-dot{left:4px;width:10px;height:10px;border-width:3px;top:6px}.experience-content{padding:1rem;font-size:.97rem}.experience-item h3{font-size:1.05rem}.company{font-size:1rem;margin-top:.1rem}.responsibilities{flex-direction:column;gap:.3rem}.responsibilities li{padding-left:1rem;font-size:.97rem}}@media (prefers-color-scheme: dark){.experience-content{background-color:#252525}.timeline-track{background:linear-gradient(to bottom,#646cff99,#646cff1a)}}.education-section{padding:2rem 0rem;background-color:#191919;color:#f0f0f0;position:relative;border-left:1px solid rgba(100,108,255,.1)}.education-section .section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem;color:#cc8f44;position:relative;display:block;margin-left:auto;margin-right:auto;width:max-content}.education-section .section-title:after{content:"";position:absolute;width:60px;height:4px;background-color:#cc8f44;bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px;box-shadow:0 0 8px #646cff66}.education-section .timeline-container{position:relative;max-width:900px;margin:0 auto;padding-top:2rem}.education-section .timeline-track{position:absolute;width:4px;background:linear-gradient(to bottom,#646cff99,#646cff33);top:0;bottom:0;left:24px;border-radius:2px;z-index:0}.education-list{position:relative;z-index:1}.education-item{position:relative;margin-bottom:3rem;padding-left:60px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1)}.education-item.visible{opacity:1;transform:translateY(0)}.education-item:nth-child(2){transition-delay:.1s}.education-item:nth-child(3){transition-delay:.2s}.education-item .timeline-dot{position:absolute;left:20px;top:8px;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background-color:#cc8f44;border:4px solid #1a1a1a;z-index:2;box-shadow:0 0 #646cff66;animation:pulse 2s infinite}.education-content{background-color:#252525;padding:1.8rem;border-radius:12px;box-shadow:0 4px 20px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;border:1px solid rgba(100,108,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.education-content:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;border-color:#646cff4d}.education-item h3{margin-top:0;margin-bottom:.5rem;color:#fff;font-weight:600;font-size:1.4rem;display:block}.school{color:#cc8f44;display:block;margin-left:0;margin-top:.3rem;font-weight:400;font-size:1.1rem;text-shadow:0 0 10px rgba(100,108,255,.2)}.education-item .title-container{border-bottom:1px solid rgba(100,108,255,.15);padding-bottom:.8rem;margin-bottom:1rem}.period{font-style:italic;color:#aaa;margin-bottom:1.2rem;font-size:.95rem}.courses-container h4{color:#e0e0e0;font-size:1.1rem;margin-top:0;margin-bottom:.8rem;font-weight:500}.courses{padding-left:0;list-style-type:none;margin-bottom:0;display:flex;flex-wrap:wrap;gap:.8rem}.courses li{margin-bottom:.6rem;line-height:1.6;position:relative}.courses code{font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background:#646cff1f;padding:.2rem .4rem;border-radius:4px;font-size:.92rem;color:#f0f0f0;font-weight:400;letter-spacing:-.025em;border:1px solid rgba(100,108,255,.15);transition:background .3s ease}.courses li:hover code{background:#646cff2e;border-color:#646cff4d}@media (max-width: 768px){.education-section{padding:2.5rem .5rem}.education-section .timeline-container{max-width:100%;padding-top:1rem}.education-section .section-title{font-size:2rem;margin-bottom:2.5rem}.education-section .timeline-track{left:8px;width:3px}.education-list{width:100%;padding:0}.education-item{padding-left:28px;margin-bottom:2rem}.education-item .timeline-dot{left:4px;width:10px;height:10px;border-width:3px;top:6px}.education-content{padding:1rem;font-size:.97rem}.education-item h3{font-size:1.05rem}.school{font-size:1rem;margin-top:.1rem}.courses{flex-direction:column;gap:.3rem}.courses li{font-size:.97rem}}.gallery-section{padding:2rem 0rem;background-color:#191919;color:#f0f0f0;min-height:80vh;position:relative}.gallery-subsection{margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.subsection-title{text-align:center;margin-bottom:4rem;font-size:2.5rem;color:#cc8f44;position:relative;display:block;margin-left:auto;margin-right:auto;width:max-content;font-weight:600}.subsection-title:after{content:"";position:absolute;width:60px;height:4px;background-color:#cc8f44;bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px;box-shadow:0 0 8px #646cff66}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.gallery-item{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1);height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;animation:fadeInUp .6s ease forwards}.gallery-item:hover{transform:translateY(-5px)}.gallery-content{background-color:#252525;padding:1.8rem;border-radius:12px;box-shadow:0 4px 20px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;border:1px solid rgba(100,108,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;height:100%;display:flex;flex-direction:column}.gallery-content:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;border-color:#646cff4d}.gallery-title{margin-top:0;margin-bottom:1rem;color:#fff;font-weight:600;font-size:1.5rem;border-bottom:1px solid rgba(100,108,255,.15);padding-bottom:.8rem;line-height:1.3}.gallery-description{line-height:1.6;color:#e0e0e0;font-size:.95rem;margin-bottom:1.2rem}.media-container{margin:20px 0;width:100%;position:relative;border-radius:8px;overflow:hidden}.loading-placeholder{width:100%;height:350px;background:#2d333b;border:2px dashed #CC8F44;display:flex;align-items:center;justify-content:center;color:#cc8f44;font-weight:700;border-radius:8px;position:relative}.loading-placeholder:after{content:"";width:20px;height:20px;border:2px solid #444c56;border-top:2px solid #CC8F44;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.media-placeholder{width:100%;height:350px;background:#2d333b;border:2px dashed #CC8F44;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cc8f44;font-weight:700;border-radius:8px;text-align:center;padding:20px}.media-placeholder small{margin-top:10px;font-weight:400;opacity:.8;color:#e0e0e0}.media-link{margin-top:15px;text-align:center}.drive-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;background-color:#cc8f44;color:#fff;border:1px solid #CC8F44}.drive-link:hover{background-color:#535bf2;transform:translateY(-2px);box-shadow:0 6px 20px #646cff66}.gallery-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}iframe{border-radius:8px!important;border:1px solid rgba(100,108,255,.15)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-loading,.gallery-empty{text-align:center;padding:4rem;font-size:1.1rem;color:#888}.gallery-loading{color:#cc8f44}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.gallery-section{padding:4rem 1rem}.gallery-grid{grid-template-columns:1fr}.gallery-content{padding:1.5rem}.gallery-title{font-size:1.3rem}.subsection-title{font-size:2.2rem;margin-bottom:3rem}.loading-placeholder,.media-placeholder{height:250px;font-size:.9rem}iframe{height:250px!important}}@media (max-width: 480px){.gallery-section{padding:3rem .5rem}.gallery-content{padding:1.2rem}.gallery-title{font-size:1.2rem}.gallery-description{font-size:.9rem}.subsection-title{font-size:2rem}.loading-placeholder,.media-placeholder{height:200px;font-size:.8rem;padding:15px}iframe{height:200px!important}.drive-link{font-size:.85rem;padding:6px 12px}}@media (prefers-color-scheme: dark){.gallery-content{background-color:#252525}.loading-placeholder,.media-placeholder{background:#2d333b}}.projects-section{padding:2rem 0rem;background-color:#191919;color:#f0f0f0;min-height:80vh;position:relative}.projects-container{position:relative;max-width:1200px;margin:0 auto;padding:0rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-item{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1);height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.project-item.visible{opacity:1;transform:translateY(0)}.project-item:nth-child(2){transition-delay:.1s}.project-item:nth-child(3){transition-delay:.2s}.project-content{background-color:#252525;padding:1.8rem;border-radius:12px;box-shadow:0 4px 20px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;border:1px solid rgba(100,108,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;height:100%;display:flex;flex-direction:column}.project-content:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;border-color:#646cff4d}.project-title{margin-top:0;margin-bottom:1rem;color:#fff;font-weight:600;font-size:1.5rem;border-bottom:1px solid rgba(100,108,255,.15);padding-bottom:.8rem}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.2rem}.tech-tag{background-color:#646cff26;color:#cc8f44;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:500;letter-spacing:.5px;border:1px solid rgba(100,108,255,.2)}.project-media{margin-bottom:1.2rem;border-radius:8px;overflow:hidden}.project-media img,.project-media video{width:100%;height:auto;object-fit:cover;border-radius:8px;border:1px solid rgba(100,108,255,.15)}.project-description{margin-bottom:1.5rem;flex-grow:1}.project-description p{line-height:1.6;color:#e0e0e0;font-size:.95rem}.project-links{display:flex;gap:15px;margin-top:auto}.project-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease}.github-link{background-color:#2d333b;color:#fff;border:1px solid #444c56}.github-link:hover{background-color:#444c56}.demo-link{background-color:#cc8f44;color:#fff;border:1px solid #CC8F44}.demo-link:hover{background-color:#535bf2}@media (max-width: 768px){.projects-section{padding:4rem 1rem}.section-title{font-size:2.2rem}.projects-grid{grid-template-columns:1fr}.project-title{font-size:1.3rem}}@media (prefers-color-scheme: dark){.project-content{background-color:#252525}.github-link{background-color:#24292e}}.skills-section{padding:4rem 2rem;background-color:#191919;color:#f0f0f0;position:relative;display:flex;flex-direction:column;align-items:center;min-height:50vh}.section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem;color:#cc8f44;position:relative;display:block;margin-left:auto;margin-right:auto;width:max-content}.section-title:after{content:"";position:absolute;width:60px;height:4px;background-color:#cc8f44;bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px;box-shadow:0 0 8px #646cff66}.skills-container{position:relative;max-width:1200px;margin:0 auto;padding-top:2rem}.skills-list{position:relative;z-index:1}.skills-grid-container{display:flex;flex-direction:column;gap:30px;width:100%}.skills-row{display:flex;gap:30px;width:100%;align-items:stretch}.skill-category-card{position:relative;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1);flex:1;min-width:0;width:100%;height:100%;display:flex;flex-direction:column}.skill-category-card.visible{opacity:1;transform:translateY(0)}.skill-category-card:nth-child(2),.skill-category-card:nth-child(3),.skill-category-card:nth-child(4){transition-delay:0s}.skill-category-dot{position:absolute;left:20px;top:8px;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background-color:#cc8f44;border:4px solid #191919;z-index:2;box-shadow:0 0 #646cff66;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #646cff66}70%{box-shadow:0 0 0 10px #646cff00}to{box-shadow:0 0 #646cff00}}.skill-category-content{background-color:#252525;padding:1.8rem;border-radius:12px;box-shadow:0 4px 20px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;border:1px solid rgba(100,108,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;min-height:30vh;display:flex;flex-direction:column}.skill-category-content:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;border-color:#646cff4d}.category-title-container{border-bottom:1px solid rgba(100,108,255,.15);padding-bottom:.8rem;margin-bottom:1.5rem}.skill-category-card h3{margin-top:0;margin-bottom:0;color:#fff;font-weight:600;font-size:1.4rem;display:block}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-item{transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.skill-item code{font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background:#646cff1f;padding:.2em 1.6rem;border-radius:4px;font-size:.92rem;color:#f0f0f0;font-weight:400;letter-spacing:-.025em;border:1px solid rgba(100,108,255,.15);transition:all .3s ease;display:inline-block}.skill-item code:hover{background:#646cff2e;border-color:#646cff4d;transform:translateY(-2px);box-shadow:0 2px 8px #0003}@media (max-width: 1000px){.skills-grid-container{gap:20px}.skills-row{flex-direction:column;gap:20px;align-items:stretch}.skill-category-card{width:100%;min-width:0;padding-left:0;height:auto}}@media (max-width: 900px){.skills-row{flex-direction:column}.skill-category-card{width:calc(100% - 60px)}}@media (max-width: 768px){.skills-section{padding:0rem}.section-title{font-size:1.5rem;margin-bottom:2rem}.skill-category-dot{left:10px;width:12px;height:12px}.skill-category-card{padding-left:0;padding-right:0}.skill-category-card h3{font-size:1rem}.skills-grid{gap:6px;padding-right:0;padding-left:0}.skills-row{gap:12px;padding-right:0;padding-left:0}.skill-item code{font-size:.8rem;padding:0rem}}@media (max-width: 480px){.skills-grid-container{gap:10px}.skills-row{gap:8px;padding-right:0;padding-left:0}.skills-grid{gap:4px;padding-right:0}.skill-item{margin-bottom:.2rem;padding:.2rem}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111}.admin-login-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:2.5rem 3rem;width:100%;max-width:380px;text-align:center}.admin-login-card h1{color:#cc8f44;margin-bottom:1.5rem;font-size:1.8rem}.admin-login-card form{display:flex;flex-direction:column;gap:.8rem}.admin-login-card input{padding:.7rem 1rem;border-radius:8px;border:1px solid #444;background:#252525;color:#f0f0f0;font-size:1rem}.admin-login-card button{padding:.75rem;border-radius:8px;border:none;background:#cc8f44;color:#111;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.admin-login-card button:hover{background:#e0a050}.admin-panel{min-height:100vh;background:#111;color:#f0f0f0;font-family:Inter,sans-serif}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#1a1a1a;border-bottom:1px solid #333;flex-wrap:wrap;gap:.8rem}.admin-header h1{color:#cc8f44;font-size:1.4rem;margin:0}.admin-header-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.admin-warning{color:#ffb354;font-size:.82rem}.admin-tabs{display:flex;gap:.3rem;padding:1rem 2rem 0;border-bottom:1px solid #2a2a2a;flex-wrap:wrap}.admin-tabs button{padding:.55rem 1.2rem;border:none;background:transparent;color:#aaa;cursor:pointer;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s;border-radius:4px 4px 0 0}.admin-tabs button:hover{color:#f0f0f0;background:#1e1e1e}.admin-tabs button.active{color:#cc8f44;border-bottom-color:#cc8f44}.admin-content{padding:2rem;max-width:960px;margin:0 auto}.admin-section h2{color:#cc8f44;font-size:1.3rem;margin-bottom:1.2rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.admin-section-header h2{margin-bottom:0}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}@media (max-width: 600px){.admin-grid-2{grid-template-columns:1fr}}.admin-card{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:10px;padding:1.2rem;margin-bottom:1rem}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-card-header h3{font-size:.95rem;color:#ddd;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.admin-card-actions{display:flex;gap:.4rem}.admin-card-actions button{padding:.3rem .6rem;border-radius:5px;border:1px solid #444;background:#252525;color:#ccc;cursor:pointer;font-size:.8rem;transition:background .15s}.admin-card-actions button:hover{background:#333}.admin-section label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.admin-section label span{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.admin-section input,.admin-section textarea{padding:.6rem .9rem;border-radius:7px;border:1px solid #333;background:#252525;color:#f0f0f0;font-size:.9rem;font-family:inherit;resize:vertical;transition:border-color .2s}.admin-section input:focus,.admin-section textarea:focus{outline:none;border-color:#cc8f44}.btn-save{margin-top:1rem;padding:.7rem 2rem;border:none;border-radius:8px;background:#cc8f44;color:#111;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-save:hover:not(:disabled){background:#e0a050}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-add{padding:.45rem 1rem;border:1px solid #CC8F44;border-radius:7px;background:transparent;color:#cc8f44;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add:hover{background:#cc8f44;color:#111}.btn-delete{color:#e55!important;border-color:#e55!important}.btn-delete:hover{background:#e55!important;color:#fff!important}.btn-seed{padding:.45rem 1rem;border:1px solid #555;border-radius:7px;background:transparent;color:#aaa;font-size:.82rem;cursor:pointer;transition:all .2s}.btn-seed:hover:not(:disabled){border-color:#aaa;color:#fff}.btn-seed:disabled{opacity:.5;cursor:not-allowed}.btn-logout{padding:.45rem 1rem;border:1px solid #555;border-radius:7px;background:transparent;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:#e55;color:#e55}.admin-toast{position:fixed;top:1.2rem;right:1.5rem;padding:.75rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:9999;animation:fadeInOut 3.5s ease forwards}.admin-toast.success{background:#1e4a2e;color:#6fcf97;border:1px solid #27ae60}.admin-toast.error{background:#4a1e1e;color:#eb5757;border:1px solid #e55}.admin-msg{margin-top:.8rem;font-size:.9rem}.admin-msg.success{color:#6fcf97}.admin-msg.error{color:#eb5757}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.gallery-drop-zone{border:2px dashed #444;border-radius:10px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#1a1a1a;color:#888;-webkit-user-select:none;user-select:none}.gallery-drop-zone:hover,.gallery-drop-zone.drag-over{border-color:#cc8f44;background:#1e1a13;color:#cc8f44}.drop-zone-icon{font-size:2rem;margin-bottom:.5rem}.drop-zone-hint small{display:block;margin-top:.3rem;font-size:.78rem;opacity:.7}.drop-zone-file{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;color:#cc8f44;font-weight:600}.file-size{font-weight:400;color:#888;font-size:.85rem}.gallery-item-preview{display:flex;gap:1rem;align-items:flex-start;margin-top:.5rem}.gallery-preview-img,.gallery-preview-vid{width:120px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #2e2e2e;flex-shrink:0;background:#111}.gallery-preview-info{flex:1;min-width:0}.gallery-type-badge{font-size:.7rem;padding:.15rem .45rem;border-radius:4px;background:#252525;color:#888;border:1px solid #333;font-weight:600}.gallery-type-badge.video{color:#64a8ff;border-color:#264a7a;background:#0d1e33}.gallery-type-badge.photo{color:#64d464;border-color:#265026;background:#0d200d}#root{padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #CC8F44aa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.experience-education-container{display:flex;flex-direction:row;width:100%;background-color:#191919}.experience-education-container>section{flex:1;min-height:auto!important;padding:2rem 3rem 6rem;position:relative}@media (max-width: 1200px){.experience-education-container{flex-direction:column}.experience-education-container>section{padding-top:3rem;padding-bottom:3rem}.experience-education-container>section:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}}@media (max-width: 768px){section{padding:3rem 1rem!important}.section-title{font-size:2rem!important;margin-bottom:2.5rem!important}h3{font-size:1.2rem!important}p,li{font-size:.9rem!important}}@media (max-width: 480px){section{padding:2rem 1rem!important}.section-title{font-size:1.8rem!important}}