body{background-color:#0b0c10;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}body.light-mode{background-color:#f5f5f5;color:#1a1d29}body.light-mode header{background-color:#fff;border-bottom-color:#e5e7eb}body.light-mode .hamburger{color:#000}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode p,body.light-mode span{color:#1a1d29}body.light-mode .collabs,body.light-mode .cta-title,body.light-mode .highlights1,body.light-mode .subhead,body.light-mode h2.skills-title,body.light-mode h2.tag{color:#3b82f6}body.light-mode nav a{color:#000!important}body.light-mode footer{background-color:#fff;color:#1a1d29}.container{margin:0 auto;padding:0 20px}header{border-bottom:1px solid #334155;padding:14px 0}.header-container{align-items:center;display:flex;justify-content:space-between}.logo-name-container{align-items:center;display:flex;gap:1rem;margin-left:20px}.logo{border-radius:50%;height:3rem;object-fit:cover;width:3rem}h2{color:#fff;font-size:1.4rem;margin:0}nav ul{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.theme-toggle{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:1.3rem;transition:color .3s}body.light-mode .theme-toggle{color:#000}.theme-toggle:hover{color:#3b82f6}.hamburger{display:none}nav a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:#3b82f6}nav a.active-link{color:#3b82f6!important}.btn{background-color:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:12px 32px;text-decoration:none}.header-actions{align-items:center;display:flex;gap:.5rem}.btn-link{background-color:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:12px 32px;text-decoration:none;transition:background-color .3s,transform .2s}.btn-link:hover{background-color:#2563eb;color:#fff!important;transform:translateY(-1px)}@media (max-width:768px){.header-actions{align-items:center;display:flex;gap:.1rem}.theme-toggle{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:1.3rem;transition:color .3s}body.light-mode .theme-toggle{color:#000}.theme-toggle:hover{color:#3b82f6}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:1.5rem;z-index:1001}nav{background-color:#1a1d29;height:100vh;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:1000}body.light-mode nav{background-color:#fff}body.light-mode nav a{color:#000!important}body.light-mode nav a.active-link{color:#3b82f6!important}nav.nav-open{right:0}nav ul{align-items:flex-start;flex-direction:column;gap:20px;padding:80px 20px 20px}nav li{width:100%}nav a{display:block;font-size:18px;padding:12px 0}.btn-link{box-sizing:border-box;display:block;font-size:14px;margin:10px auto 0;max-width:200px;padding:10px 16px;text-align:center;width:calc(100% - 20px)}}footer{background:#ffffff08;border-top:1px solid #1e1e1e;color:#fff;padding:40px 10%}.footer-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.footer-column h3{font-weight:700;margin-bottom:15px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:#3b82f6;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#00aced}.footer-column{text-align:left}.social-icons{display:flex;gap:15px;justify-content:center}.social-icons a{color:#3b82f6;font-size:20px;transition:color .3s ease}.social-icons a:hover{color:#00aced}.footer-column:nth-child(2){text-align:center}.footer-column3{text-align:right}.footer-column3 p{color:#ccc;font-size:14px;margin-top:5px}hr{border:none;border-top:1px solid #2a2a2a;margin:10px 0 20px}.footer-bottom{color:#666;font-size:13px;text-align:center}@media (max-width:768px){.footer-container{align-items:flex-start;flex-direction:column;gap:30px}.footer-column,.footer-column3,.footer-column:nth-child(2){text-align:left}.social-icons{justify-content:flex-start}}.back-to-top{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;border:none;border-radius:25px;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;opacity:0;padding:12px 20px;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;z-index:1000}body.light-mode .back-to-top{background:#3b82f6e6;color:#fff}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:#000000e6;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}body.light-mode .back-to-top:hover{background:#3b82f6}.back-to-top:active{transform:translateY(0)}.back-to-top-icon{font-size:16px;line-height:1}.back-to-top-text{font-size:13px;font-weight:500;letter-spacing:.5px}@media (max-width:768px){.back-to-top{bottom:20px;padding:10px 16px;right:20px}.back-to-top-text{font-size:12px}.back-to-top-icon{font-size:14px}}.hero-section{align-items:center;display:flex;justify-content:center;min-height:auto;padding:60px 0}.hero-container{margin:0 auto;max-width:1200px;padding:0 2rem}.hero-image-text{align-items:center;display:flex;gap:4rem;justify-content:center;width:100%}.hero-image{border-radius:15px;box-shadow:0 20px 40px #0003;height:500px;max-width:500px;min-width:300px;object-fit:cover;width:45%}.hero-text{flex:1 1;max-width:600px}h1{font-size:clamp(2.5rem,5vw,3.5rem);margin:0 0 1rem}.highlights1{color:#3b82f6;font-size:1.2rem;margin:0 0 2rem}.button-group{align-items:flex-start;flex-direction:row}.mainbtn{border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.explore-btn{background-color:#3b82f6;border:none;color:#fff}.contact-btn{background:#0000;border:2px solid #adff2f;color:#adff2f}.explore-btn:hover{background-color:#2563eb}.contact-btn:hover{background-color:#3b82f6;color:#fff}@media (max-width:768px){.hero-section{min-height:auto;padding:60px 0}.hero-container{box-sizing:border-box;max-width:100%;padding:0 20px}.hero-image-text{align-items:flex-start;flex-direction:column;gap:2rem;max-width:100%;text-align:left;width:100%}.hero-image{align-self:center;height:280px;max-width:280px;min-width:200px;width:100%}.hero-text{box-sizing:border-box;max-width:100%;padding:0;width:100%}h1{font-size:1.8rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.1}.highlights1,h1{word-wrap:break-word;text-align:left}.highlights1{font-size:1rem;line-height:1.4}.button-group{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.mainbtn{box-sizing:border-box;font-size:14px;max-width:280px;padding:12px 20px;width:100%}}@media (max-width:375px){.hero-container{padding:0 15px}.hero-image{height:250px;max-width:250px}h1{font-size:1.6rem}.highlights1{font-size:.95rem}.mainbtn{font-size:13px;max-width:250px}}@media (max-width:320px){.hero-container{padding:0 10px}.hero-image{height:220px;max-width:220px}h1{font-size:1.4rem;line-height:1}.highlights1{font-size:.85rem;line-height:1.3}.mainbtn{font-size:12px;max-width:220px;padding:10px 16px;width:100%}}.second-section{padding:40px 0 60px}.subhead{color:#3b82f6;font-size:2.5rem;text-align:center}.second-wrapper{display:flex;gap:2rem;justify-content:space-between;margin-top:2rem}.second-container{background:#ffffff0a;border-radius:12px;flex:1 1;min-width:0;padding:2rem;text-align:center}.service-icon{color:#3b82f6;display:block;font-size:2.2rem;margin:0 auto 1rem}.second-container h4{color:#fff;font-size:1.2rem;margin:0 0 .75rem}.second-container p{color:#fffc;line-height:1.5;margin:0}@media (max-width:768px){.second-section{padding:40px 0}.subhead{font-size:2rem}.second-wrapper{flex-direction:column;gap:1.5rem}.second-container{padding:1.5rem}}.third-section{padding:60px 0}.third-container{align-items:center;display:flex;gap:2rem;justify-content:space-between}.third-wrapper{background:#ffffff08;border-radius:10px;flex:1 1;padding:1.5rem 2rem;text-align:center}.third-wrapper h4{color:#3b82f6;font-size:3.5rem;margin:0 0 .5rem}.third-wrapper p{color:#fff;margin:0}.slide-from-left{transform:translateX(-100px)}.slide-from-left,.slide-from-right{opacity:0;transition:transform .6s ease,opacity .6s ease}.slide-from-right{transform:translateX(100px)}.third-wrapper.animate{opacity:1;transform:translateX(0)}@media (max-width:768px){.third-section{overflow-x:hidden;padding:40px 0}.third-container{align-items:center;flex-direction:column;gap:1.5rem;max-width:100vw;padding:0 20px;width:100%}.third-wrapper{box-sizing:border-box;margin:0;max-width:250px;padding:1.5rem;width:90%}.third-wrapper h4{font-size:2.5rem}.slide-from-left{transform:translateX(-100vw)}.slide-from-right{transform:translateX(100vw)}}.fourth-section{padding:60px 0}.collabs{color:#3b82f6;font-size:2.5rem;margin-bottom:2rem;margin-top:3rem;text-align:center}.logo-slider{margin-top:2rem;overflow:hidden;width:100%}.logo-track{animation:scroll 15s linear infinite;display:flex;gap:4rem}.logo-item{border-radius:10px;box-shadow:0 10px 20px #0003;flex-shrink:0;height:auto;width:300px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.logo-track:hover{animation-play-state:paused}@media (max-width:768px){.fourth-section{padding:40px 0}.collabs{font-size:1.8rem;margin-top:2rem}.logo-track{gap:2rem}.logo-item{width:200px}}.cta-section{background-color:#ffffff05;padding:60px 0}.cta-container{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.cta-links{justify-content:center}.cta-link-wrapper,.cta-links{align-items:center;display:flex}.cta-prefix{color:#3b82f6}.cta-link{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:500;text-decoration:none;transition:color .3s}.cta-link:hover,.cursor,body.light-mode .cta-link{color:#3b82f6}.cursor{animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.cta-link{font-size:1.1rem}}.head-section{padding:100px 0}.head-container{padding:0 20px}.left-content{flex:0 0 400px}.right-content{flex:1 1;max-width:600px}.image-milestone-container{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.head-image{border-radius:40%;box-shadow:0 20px 40px #0003;height:400px;max-width:400px;min-width:300px;object-fit:cover;width:100%}.head-text{padding-top:1rem}.tag{color:#3b82f6;font-size:2.5rem;line-height:1.2;margin:0 0 1.5rem}.head-text p{color:#fff;font-size:1rem;line-height:1.6;margin-bottom:2rem;padding:0 10px}.photo-highlight{color:#3b82f6;font-size:2rem;font-weight:600;margin:1rem 7rem}.milestones-list{display:flex;flex-direction:column;gap:1.5rem;padding-left:2rem;position:relative}.milestone-item{padding-left:1rem;position:relative}.milestone-item:before{background:#3b82f6;border-radius:50%;content:"";height:12px;left:-2rem;position:absolute;top:.5rem;width:12px}.milestone-item:not(:last-child):after{background:#3b82f6;content:"";height:calc(100% + 1.5rem);left:-1.6rem;position:absolute;top:1rem;width:2px}.year{color:#3b82f6;display:block;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.milestone-item p{color:#fff;font-size:.9rem;margin:0}.button-group{display:flex;gap:1rem;margin-top:2rem}.second-btn{align-items:center;background:#adff2f;border:none;border-radius:12px;color:#000;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:.5rem;padding:12px 32px;transition:all .3s ease}.second-btn:hover{transform:translateY(-2px)}.skills-section{background-color:initial;margin-top:2rem;padding:40px 0}.container{margin:0;max-width:1200px;padding:0}.skills-title{color:#fff;font-size:1.8rem;margin-bottom:3rem;text-align:left}.tech-stack-highlight{background:#3b82f6;border-radius:6px;color:#fff;padding:4px 12px}.skills-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:100%}.skill-box{align-items:center;background:#1e293b99;border:2px solid #64748b66;border-radius:16px;cursor:pointer;display:flex;flex-direction:row;gap:.8rem;min-height:60px;padding:1.2rem 1rem;transition:all .3s ease}.skill-box:hover{border-color:#64748bcc;box-shadow:0 6px 16px #0000004d;transform:translateY(-3px)}.skill-icon{flex-shrink:0;font-size:2rem;height:2rem;width:2rem}.skill-box span{color:#fff;font-size:.95rem;font-weight:500;line-height:1.3;text-align:left}.html-icon{color:#e34f26}.css-icon{color:#1572b6}.js-icon{color:#f7df1e}.react-icon{color:#61dafb}.node-icon{color:#393}.solidity-icon{color:#627eea}.auditing-icon{color:#10b981}.community-icon{color:#8b5cf6}.content-icon{color:#f59e0b}.typescript-icon{color:#3178c6}.tailwind-icon{color:#06b6d4}.sql-icon{color:#4479a1}.nextjs-icon{background:#fff;color:#000}.framer-icon,.nextjs-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.4rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.framer-icon{background:linear-gradient(to bottom right,#05f,#0af);color:#fff}@media (max-width:768px){.head-section{padding:60px 0}.head-container{box-sizing:border-box;max-width:100%;padding:0 20px}.head-image-text{align-items:center;flex-direction:column;gap:2rem;padding:1rem 0}.left-content{--scroll-progress:0;flex:0 0 auto;padding:0 10px;width:100%}.left-content.parallax-effect .head-image{filter:blur(calc(var(--scroll-progress)*8px));opacity:calc(1 - var(--scroll-progress)*.7);transform:scale(calc(1 - var(--scroll-progress)*.5)) translateY(calc(var(--scroll-progress)*-100px));transition:transform .3s ease-out,opacity .3s ease-out,filter .3s ease-out}.left-content.parallax-effect .milestones-list,.left-content.parallax-effect .photo-highlight{opacity:calc(1 - var(--scroll-progress));transform:translateY(calc(var(--scroll-progress)*-150px));transition:transform .3s ease-out,opacity .3s ease-out}.right-content{max-width:100%;opacity:1;padding:0 10px;transform:translateY(0);transition:transform .5s ease-out,opacity .5s ease-out}.right-content.slide-up{transform:translateY(-50px)}.image-milestone-container{align-items:center}.head-image{height:250px;max-width:250px;min-width:200px}.photo-highlight{margin:1rem 0;text-align:center}.milestones-list{max-width:250px;width:100%}.tag{font-size:1.5rem}.head-text,.tag{text-align:center}.head-text,.head-text p{padding:0 5px}.head-text p{font-size:.9rem;text-align:left}.button-group{justify-content:center;padding:0 10px}.second-btn{font-size:14px;justify-content:center;max-width:250px;padding:10px 20px;width:100%}.skills-section{padding:30px 10px}.skills-title{font-size:1.5rem;margin-bottom:2rem;text-align:center}.skills-grid{gap:1rem;grid-template-columns:repeat(2,1fr);padding:0 10px}.skill-box{padding:1rem .8rem}.skill-icon{font-size:1.8rem;height:1.8rem;width:1.8rem}.skill-box span{font-size:.85rem}}@media (max-width:375px){.head-container{padding:0 15px}.skills-section{padding:20px 5px}.skills-grid{gap:.8rem;padding:0 5px}.skill-box{padding:.9rem .6rem}}@media (max-width:320px){.head-container{padding:0 10px}.head-image{height:200px;max-width:200px;min-width:180px}.tag{font-size:1.3rem}.head-text p{font-size:.85rem}.second-btn{font-size:13px;max-width:200px;padding:8px 16px}.skills-section{padding:20px 0}.skills-grid{gap:.8rem;padding:0 5px}.skill-box{padding:.9rem .5rem}.skill-icon{font-size:1.6rem;height:1.6rem;width:1.6rem}.skill-box span{font-size:.8rem}}.head-section{align-items:center;background:#ffffff0a;display:flex;min-height:calc(100vh - 80px);padding:1px 0 60px}.head-container{margin:0 auto;max-width:1200px}.head-contents-wrapper{flex:1 1}.head-image-text{align-items:flex-start;display:flex;gap:6rem;justify-content:space-between;padding:2rem 0}.little-head{align-items:center;background-color:#e0e7ff;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:14px;gap:.5rem;margin-bottom:1.5rem;padding:8px 16px}.little-head i{font-size:16px}.head-contents{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.head-contents span{color:#3b82f6}h1{color:#fff;font-size:3rem;line-height:1.2;margin:0}.head-contents>p{color:#9ca3af;font-size:1rem;line-height:1.6;margin:0;max-width:500px}.head-icons{display:flex;gap:3rem}.head-icons-container{align-items:center;display:flex;gap:1rem}.head-icons-container i{align-items:center;display:flex;justify-content:center}.head-icons-container i,.head-icons-container svg{background-color:#3b82f6;border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;height:50px;width:50px}.head-icons-container svg{padding:13px}.head-icons-container div{display:flex;flex-direction:column}.head-icons-container h4{color:#fff;font-size:1.5rem;margin:0}.head-icons-container p{color:#9ca3af;font-size:14px;margin:0}.head-image{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;position:relative}.head-image img{border-radius:20px;max-width:400px;object-fit:cover;width:100%}.head-image-description{align-items:center;background-color:#fff;border-radius:12px;display:flex;gap:.5rem;margin-top:-2rem;padding:10px 16px;position:relative;right:0}.head-image-description:before{background-color:#10b981;border-radius:50%;content:"";height:10px;width:10px}.head-image-description span{color:#1f2937;font-size:14px;font-weight:500}.mid-section{background-color:#0b0c10;margin-top:-140px;padding:80px 0}body.light-mode .mid-section{background-color:#f3f4f6}.mid-container{margin:0 auto;max-width:1200px;padding:0 20px}.mid-image-text{margin-bottom:60px;text-align:center}.little-mid{align-items:center;background-color:#e0e7ff;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:14px;gap:.5rem;margin-bottom:1.5rem;padding:8px 16px}.mid-image-text h2{font-size:2.5rem;margin:1rem 0}body.light-mode .mid-image-text h2{color:#1f2937}.mid-image-text p{color:#9ca3af;font-size:1rem}.highlights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.highlights{background-color:#1a1d29;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:2rem;position:relative;transition:transform .3s}body.light-mode .highlights{background-color:#fff;box-shadow:0 1px 3px #0000001a}.highlights:hover{transform:translateY(-5px)}.highlights-icon{align-items:center;background:#fff;border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.highlights-icon i{color:#fff;font-size:24px}.highlights-icon svg{color:#3b82f6;font-size:32px;height:32px;width:32px}.highlights h3{color:#fff;font-size:1.25rem;margin:0}body.light-mode .highlights h3{color:#1f2937}.highlights p{color:#9ca3af;font-size:.95rem;margin:0}.highlights .year{color:#3b82f6;font-size:.95rem;font-weight:600;position:absolute;right:2rem;top:2rem}.highlights-btn{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;margin-top:1rem;padding:0;text-decoration:none;transition:gap .3s}.highlights-btn:hover{gap:.75rem}.highlights-btn i{font-size:.85rem}.scroll-video-container{align-items:center;background:linear-gradient(135deg,#0b0c10,#1a1d29);display:flex;height:100vh;justify-content:center;margin:0;opacity:0;overflow:hidden;position:relative;transform:translateX(-100%);transition:all 1.5s cubic-bezier(.4,0,.2,1);width:100%}.scroll-video-container.animate{opacity:1;transform:translateX(0)}.scroll-video-container.slide-out{opacity:0;transform:translateX(100%)}.coding-video{border:2px solid #3b82f633;border-radius:20px;box-shadow:0 25px 50px #3b82f626;filter:brightness(1.1) contrast(1.1);height:70%;object-fit:cover;width:70%}.video-overlay{opacity:0;position:absolute;right:10%;text-align:right;top:50%;transform:translateY(-50%);transform:translateY(-50%) translateX(50px);transition:all .8s ease .5s;z-index:10}.scroll-video-container.animate .video-overlay{opacity:1;transform:translateY(-50%) translateX(0)}.video-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px #00000080}.video-text p{color:#d1d5db;font-size:1.125rem;font-weight:500;margin:0;text-shadow:1px 1px 2px #00000080}@media (max-width:768px){.coding-video{height:50%;width:90%}.video-overlay{right:5%;text-align:center;top:80%}.video-text h3{font-size:1.8rem}.video-text p{font-size:1rem}}.photo-highlights{background-color:#0b0c10;padding:80px 0}body.light-mode .photo-highlights{background-color:#f3f4f6}.photo-container{margin:0 auto;max-width:1200px;padding:0 20px}.photo-header{margin-bottom:60px;text-align:center}.little-photo{align-items:center;background-color:#e0e7ff;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:14px;gap:.5rem;margin-bottom:1.5rem;padding:8px 16px}.photo-header h2{font-size:2.5rem;margin:1rem 0}body.light-mode .photo-header h2{color:#1f2937}.photo-header p{color:#9ca3af;font-size:1rem}.photo-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.photo-item{aspect-ratio:4/3;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.photo-item:hover{transform:translateY(-5px)}.photo-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.photo-item:hover img{transform:scale(1.05)}.photo-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0;transform:translateY(10px);transition:transform .3s ease}.photo-item:hover .photo-overlay{transform:translateY(0)}.photo-overlay h4{color:#fff!important;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.photo-overlay p{color:#fff!important;font-size:.9rem;margin:0}.video-section{background-color:#0b0c10;padding:80px 0}.video-container-static{margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.coding-video-static{border-radius:20px;box-shadow:0 25px 50px #3b82f626;width:100%}.video-overlay-static{margin-top:2rem;text-align:center}.video-text-static h3{color:#fff;font-size:2rem;margin:0 0 .5rem}.video-text-static p{color:#9ca3af;font-size:1rem}.video-section.desktop-only{display:block}.mobile-slideshow{background-color:#0b0c10;overflow:hidden;padding:60px 0}body.light-mode .mobile-slideshow{background-color:#f3f4f6}.slideshow-container{height:400px;position:relative;width:100%}.slide{height:100%;left:5%;opacity:0;position:absolute;transition:all 1s ease-in-out;width:90%}.slide.active{opacity:1}.slide-left.active{animation:slideFromLeft 3s ease-in-out}.slide-right.active{animation:slideFromRight 3s ease-in-out}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-100%)}10%{opacity:1;transform:translateX(0)}90%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(110%)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(110%)}10%{opacity:1;transform:translateX(0)}90%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.slide-image,.slide-video{border-radius:16px;height:100%;object-fit:cover;width:100%}.slide-overlay{background:linear-gradient(#0000,#000c);border-radius:0 0 16px 16px;bottom:0;color:#fff;left:0;padding:2rem 1.5rem;position:absolute;right:0}.slide-overlay h4{color:#fff!important;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.slide-overlay p{color:#fff!important;font-size:.9rem;margin:0}.photo-highlights.mobile-header-only{display:none;padding:40px 0 0}@media (max-width:768px){.head-section{min-height:auto;padding:20px 0 10px}.head-container{box-sizing:border-box;max-width:100%;padding:0 20px}.photo-highlights.desktop-only,.video-section.desktop-only{display:none}.photo-highlights.mobile-header-only{display:block}.head-image-text{flex-direction:column;gap:2rem}.head-contents h1{font-size:2.5rem;line-height:1.1}.head-icons{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:space-between;max-width:100%;width:100%}.head-icons-container{align-items:center;flex:1 1;flex-direction:column;gap:.5rem;max-width:calc(33.333% - .5rem);min-width:0;text-align:center}.head-icons-container svg{height:40px;padding:10px;width:40px}.head-icons-container h4{font-size:1.2rem;word-break:break-word}.head-icons-container p{font-size:.75rem;word-break:break-word}.mid-section{margin-top:20px;padding:10px 0}.mid-container{box-sizing:border-box;max-width:100%;padding:0 15px}.highlights-grid{grid-template-columns:1fr}.highlights{transition:transform .3s ease-out}.photo-grid{display:none}.photo-container{box-sizing:border-box;max-width:100%;padding:0 15px}}@media (max-width:375px){.head-container{padding:0 15px}.head-contents h1{font-size:2rem}.head-icons{gap:.25rem}.head-icons-container{max-width:calc(33.333% - .25rem)}.head-icons-container svg{height:35px;padding:8px;width:35px}.head-icons-container h4{font-size:1rem}.head-icons-container p{font-size:.7rem}.mid-container,.photo-container{padding:0 10px}}.project-showcase{background-color:#ffffff05;padding:80px 0}body.light-mode .project-showcase{background-color:#fff}.project-container{margin:0 auto;max-width:1200px;padding:0 20px}.project-header{margin-bottom:3rem;text-align:center}.project-role{background-color:#e0e7ff;border-radius:20px;color:#3b82f6;display:inline-block;font-size:14px;font-weight:600;margin-bottom:1rem;padding:6px 16px}.project-header h2{color:#fff;font-size:2.5rem;margin:1rem 0}body.light-mode .project-header h2{color:#1f2937}.project-header p{color:#9ca3af;font-size:1rem;margin:0 auto;max-width:700px}.project-content{display:flex;flex-direction:column;gap:2rem}.project-media{aspect-ratio:16/10;background-color:#1a1d29;border-radius:16px;overflow:hidden;position:relative}body.light-mode .project-media{background-color:#f3f4f6}.project-slide{height:100%;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}.project-slide.active{opacity:1}.project-image,.project-video{height:100%;object-fit:contain;width:100%}.slide-nav{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s;width:40px;z-index:10}.slide-nav:hover{background:#3b82f6e6}.slide-nav.prev{left:10px}.slide-nav.next{right:10px}.project-details{align-items:center;display:flex;justify-content:center}.tech-grid{bottom:10px;display:flex;gap:1rem;left:10px;position:absolute;z-index:10}.tech-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1d29cc;border-radius:8px;display:flex;justify-content:center;padding:.5rem;position:relative;transition:transform .3s}.tech-logo:hover{transform:translateY(-5px)}.tech-logo:hover .tech-name{opacity:1;visibility:visible}body.light-mode .tech-logo{background-color:#fff}.tech-logo img,.tech-logo svg{height:30px;object-fit:contain;width:30px}.tech-name{background-color:#1a1d29;border-radius:4px;bottom:100%;color:#fff;font-size:.75rem;left:50%;margin-bottom:5px;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap}body.light-mode .tech-name{background-color:#1f2937}body.light-mode .tech-logo svg circle,body.light-mode .tech-logo svg path{fill:#000}.project-cta{align-items:center;background-color:#3b82f6;border-radius:12px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:14px 32px;text-decoration:none;transition:all .3s}.project-cta:hover{background-color:#2563eb;transform:translateY(-2px)}@media (max-width:768px){.project-showcase{padding:40px 0}.project-header h2{font-size:1.8rem}.project-content{gap:1.5rem}.tech-logo img,.tech-logo svg{height:20px;width:20px}.tech-grid{gap:.75rem}.slide-nav{height:35px;width:35px}}
/*# sourceMappingURL=main.51f2748d.css.map*/