@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";html{scroll-behavior:smooth}section{min-height:100vh}.portfolio-wrapper{background-color:#050a14}:root{--page-padding: 40px;--max-width: 1200px;--bg-color: #050a14;--text-color: #fff}img,video,svg{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--page-padding);padding-right:var(--page-padding)}button,.submit-btn{touch-action:manipulation}.blob{opacity:.45}@media(max-width:1024px){:root{--page-padding: 32px}}@media(max-width:768px){:root{--page-padding: 20px;font-size:15px}.contact-wrapper,.portfolio-wrapper{padding:24px;min-height:auto}.glass-card{flex-direction:column!important;padding:20px;border-radius:16px}.info-side,.form-side{padding:20px;width:100%}.row{flex-direction:column;gap:12px}.header-text h1{font-size:2.2rem}.social-icons{gap:12px}.submit-btn{width:100%;align-self:stretch;padding:12px 16px}.radio-group{grid-template-columns:1fr}.button-area{align-items:center}}@media(max-width:480px){:root{font-size:14px}.blob{display:none}.header-text h1{font-size:1.8rem}.glass-card{margin:0;box-shadow:none}.info-item p,.input-group p,.info-side h2,.input-group input,.input-group textarea{font-size:.95rem}.submit-btn{padding:14px;font-size:1rem}}@media(max-width:768px){.flex-row-to-col{display:flex;flex-direction:column;gap:12px}}.desktop-only{display:flex;gap:16px;align-items:center}.mobile-only{display:none}.site-header{position:sticky;top:0;z-index:900;background:transparent}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 1rem}.nav-links a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:1.05rem}.logo{font-weight:700;color:#fff;text-decoration:none;font-size:1.125rem}.mobile-drawer{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.nav-inner{padding:10px .75rem}.hamburger{background:transparent;border:none;padding:8px;cursor:pointer;line-height:0}.hamburger-box{display:inline-block}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:22px;height:2px;background:#fff;display:block;position:relative;transition:transform .25s ease,opacity .25s ease}.hamburger-inner:before,.hamburger-inner:after{content:"";position:absolute;left:0}.hamburger-inner:before{top:-7px}.hamburger-inner:after{top:7px}.hamburger.is-active .hamburger-inner{background:transparent}.hamburger.is-active .hamburger-inner:before{transform:translateY(7px) rotate(45deg)}.hamburger.is-active .hamburger-inner:after{transform:translateY(-7px) rotate(-45deg)}.mobile-drawer{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;background:#00000059;visibility:hidden;opacity:0;transition:opacity .22s ease,visibility .22s;z-index:1200}.mobile-drawer.open{visibility:visible;opacity:1}.mobile-drawer-panel{width:min(320px,92%);height:100vh;background:linear-gradient(180deg,#071022,#0b1220);transform:translate(100%);transition:transform .28s cubic-bezier(.2,.9,.2,1);box-shadow:-8px 0 30px #00000080;padding:20px;overflow-y:auto}.mobile-drawer.open .mobile-drawer-panel{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:14px;margin-top:24px}.mobile-nav a{padding:12px 8px;font-size:1rem;color:#fff;text-decoration:none;border-radius:8px}.drawer-close{position:absolute;top:10px;right:14px;background:transparent;color:#fff;border:none;font-size:28px;cursor:pointer}}:root{--bg-color: #050a14;--text-main: #ffffff;--text-dim: #94a3b8;--accent-blue: #3b82f6;--mouse-x: 50%;--mouse-y: 50%}.hero-container{background-color:var(--bg-color);min-height:100vh;color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;padding:0 8%;position:relative}@media(min-width:769px){.interactive-glow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:radial-gradient(650px circle at var(--mouse-x) var(--mouse-y),rgba(249,115,22,.09),rgba(249,115,22,.02) 45%,transparent 80%);transition:background .15s ease-out}}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;height:calc(100vh - 100px)}.text-section h1{font-size:4.5rem;line-height:1.1;margin-bottom:25px;font-weight:800}.text-section p{font-size:1.1rem;color:var(--text-dim);line-height:1.6;max-width:500px;margin-bottom:40px}.btn-primary{background-color:var(--accent-blue);color:#fff;border:none;padding:15px 35px;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.canvas-container{height:500px;width:100%;cursor:grab}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.text-section p{margin:0 auto 40px}.text-section h1{font-size:3rem}}@media(max-width:768px){.interactive-glow{display:none!important}section#home{min-height:auto;height:auto;padding-bottom:1rem}.hero-container{padding:1.25rem 1rem 0;min-height:auto}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem;height:auto}.text-section{order:1;width:100%;text-align:center;padding:0 .75rem}.text-section h1{font-size:clamp(2rem,8vw,3rem);line-height:1.1;margin-bottom:.5rem}.text-section p{width:100%;margin:2rem auto .75rem;padding:0 .5rem;font-size:1.05rem}.btn-primary{margin:1.5rem auto 0;display:inline-block;min-width:160px}.canvas-container{order:3;display:block;width:80%;max-width:320px;height:auto;margin:1rem auto 0}.canvas-container canvas,.canvas-container svg{width:100%!important;height:auto!important;display:block!important}.blob{display:none}}.overview-container{background-color:#050816;color:#fff;padding:5rem 10%;font-family:Inter,sans-serif}.section-subtext{font-size:1.125rem;color:#aaa6c3;text-transform:uppercase;letter-spacing:2px;margin-bottom:.25rem}.section-headtext{font-size:3.75rem;font-weight:900;margin-bottom:1.25rem}.description-text{margin-top:1.5rem;color:#aaa6c3;font-size:1.2rem;max-width:50rem;line-height:1.875rem}.cards-wrapper{margin-top:5rem;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.service-card{width:15.625rem;padding:1px;border-radius:1.25rem;background:linear-gradient(to right,#00cea8,#bf61ff);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006}.card-inner{background:#151030;border-radius:1.25rem;padding:2.5rem 1.25rem;min-height:17.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-icon{font-size:3.125rem;margin-bottom:1.25rem}.card-title{font-size:1.25rem;font-weight:700;color:#fff}@media(max-width:768px){.overview-container{padding:2rem 1rem 1.5rem}.section-headtext{text-align:center;font-size:2rem;margin:0 auto .5rem}.description-text{text-align:center;margin:.5rem auto 1.25rem;max-width:48ch}.cards-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center}.service-card{width:min(92%,520px);margin:0 auto}.card-inner{padding:1.5rem}}.overview-container.left-graphic-line{position:relative;padding-left:calc(10% + 2rem)}.overview-container.left-graphic-line:before{content:"";position:absolute;left:calc(10% - 1rem);top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,gold,#ffea00);border-radius:4px;box-shadow:0 6px 18px #ffd7002e}@media(max-width:768px){.overview-container.left-graphic-line{padding-left:1.25rem}.overview-container.left-graphic-line:before{display:none}}.projects-container{background-color:#050816;color:#fff;padding:5rem 10%;font-family:Inter,sans-serif}.projects-wrapper{margin-top:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(22.5rem,1fr));gap:1.75rem;justify-content:center;overflow-y:hidden;scroll-behavior:smooth;max-height:68rem}.project-card{background-color:#151030;padding:1.25rem;border-radius:1rem;width:100%;max-width:22.5rem;transition:transform .3s ease-in-out}.project-card:hover{transform:translateY(-10px)}.image-container{position:relative;width:100%;height:14.375rem}.project-img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.github-link{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background-color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.github-icon{width:60%;height:60%}.project-info{margin-top:1.25rem}.project-name{color:#fff;font-weight:700;font-size:1.5rem}.project-description{margin-top:.5rem;color:#aaa6c3;font-size:.875rem;line-height:1.5rem}.project-tags{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.875rem}.blue-text{color:#2196f3}.green-text{color:#00cea8}.pink-text{color:#f272c8}.orange-text{color:#f97316}.purple-text{color:purple}.yellow-text{color:#ff0}.projects-navigation{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem}.nav-arrow{background-color:#151030;color:#fff;border:1px solid #aaa6c3;border-radius:50%;width:3.5rem;height:3.5rem;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.nav-arrow:hover{background-color:#2196f3;border-color:#2196f3;transform:scale(1.05)}@media(max-width:768px){.projects-container{padding:2.5rem 1rem}.projects-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;overflow-x:auto;overflow-y:hidden;max-height:none;scroll-snap-type:x mandatory;padding-bottom:1rem}.projects-wrapper::-webkit-scrollbar{display:none}.project-card{flex:0 0 85%;max-width:720px;margin:0;scroll-snap-align:center}.image-container{height:auto}.project-img{width:100%;height:auto;object-fit:cover;border-radius:8px}.project-description{font-size:.98rem;padding:.75rem 0}}*{box-sizing:border-box;font-family:Poppins,sans-serif}.contact-wrapper{background-color:#0d0d0d;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden;color:#fff}.blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:1;opacity:.6}.blob-1{width:300px;height:300px;background:linear-gradient(135deg,#a0feff,#5ad1ff);top:10%;right:15%}.blob-2{width:250px;height:250px;background:linear-gradient(135deg,#717cff,#b273ff);bottom:5%;left:10%}.blob-3{width:150px;height:150px;background:#ff7eb3;top:40%;left:30%}.header-text{text-align:center;z-index:2;margin-bottom:40px}.header-text h1{font-size:3.5rem;margin:0}.header-text p{color:#ccc;font-size:1.1rem}.glass-card{width:100%;max-width:1000px;display:flex;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;z-index:10;box-shadow:0 8px 32px #0000005e}.info-side{flex:.8;padding:40px;background:#ffffff08;display:flex;flex-direction:column;justify-content:space-between}.info-side h2{font-size:1.5rem;margin-bottom:40px}.info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:30px}.info-item p{margin:0;font-size:.9rem;line-height:1.6}.social-icons{display:flex;gap:20px}.form-side{flex:1.2;padding:40px;display:flex;flex-direction:column;gap:30px}.row{display:flex;gap:20px}.input-group{flex:1;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.8rem;color:#eee}.input-group input,.input-group textarea{background:transparent;border:none;border-bottom:1px solid #555;color:#fff;padding:8px 0;outline:none;transition:.3s}.input-group input:focus,.input-group textarea:focus{border-color:#fff}.radio-group{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:10px}.radio-group label{font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px}.submit-btn{background:#333;color:#fff;border:none;padding:12px 35px;border-radius:8px;font-weight:600;align-self:flex-end;cursor:pointer;transition:.3s}.submit-btn:hover{background:#444;transform:translateY(-2px)}.button-area{display:flex;flex-direction:column;align-items:flex-end}.status-text{margin-top:10px;font-size:.8rem;color:#a0feff}@media(max-width:768px){.glass-card,.row{flex-direction:column}.header-text h1{font-size:2.5rem}}@media(max-width:768px){.contact-wrapper{padding:18px;align-items:stretch}.glass-card{flex-direction:column;gap:12px;padding:14px;border-radius:14px}.info-side{order:1;width:100%;padding:12px 8px}.form-side{order:2;width:100%;padding:8px}.row{flex-direction:column;gap:12px}.input-group{width:100%}.input-group input,.input-group textarea{width:100%;box-sizing:border-box}.radio-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:420px){.radio-group{grid-template-columns:1fr}}.button-area{display:flex;justify-content:center;padding-top:6px}.submit-btn{width:100%;max-width:420px;padding:12px 18px;align-self:center}.contact-wrapper,.glass-card{overflow:hidden}}.skills-container{background-color:#050816;color:#fff;padding:5rem 10%;font-family:Inter,sans-serif;min-height:100vh}.skills-header{margin-bottom:3.5rem}.skills-headtext{font-size:3rem;font-weight:700;color:#fff;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.25rem}.skill-card{background-color:#15103066;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:all .3s ease-in-out;cursor:pointer}.skill-card:hover{transform:translateY(-5px);border-color:#fff3}.skill-icon-wrapper{height:2.5rem;display:flex;align-items:center;justify-content:center}.skill-icon{font-size:2rem;font-weight:700}.skill-name{margin:0;font-size:.9rem;font-weight:600;color:#aaa6c3;transition:color .3s ease}.skill-card:hover .skill-name{color:#fff}.yellow-accent{background-color:#eab3080a}.yellow-accent:hover{box-shadow:0 0 20px #eab30826;border-color:#eab30866}.yellow-accent .skill-icon{color:#eab308}.cyan-accent{background-color:#06b6d40a}.cyan-accent:hover{box-shadow:0 0 20px #06b6d426;border-color:#06b6d466}.cyan-accent .skill-icon{color:#06b6d4}.green-accent{background-color:#22c55e0a}.green-accent:hover{box-shadow:0 0 20px #22c55e26;border-color:#22c55e66}.green-accent .skill-icon{color:#22c55e}.dark-green-accent{background-color:#15803d0a}.dark-green-accent:hover{box-shadow:0 0 20px #15803d26;border-color:#15803d66}.dark-green-accent .skill-icon{color:#15803d}.blue-accent{background-color:#3b82f60a}.blue-accent:hover{box-shadow:0 0 20px #3b82f626;border-color:#3b82f666}.blue-accent .skill-icon{color:#3b82f6}.orange-accent{background-color:#f973160a}.orange-accent:hover{box-shadow:0 0 20px #f9731626;border-color:#f9731666}.orange-accent .skill-icon{color:#f97316}.purple-accent{background-color:#a855f70a}.purple-accent:hover{box-shadow:0 0 20px #a855f726;border-color:#a855f766}.purple-accent .skill-icon{color:#a855f7}.red-accent{background-color:#ef44440a}.red-accent:hover{box-shadow:0 0 20px #ef444426;border-color:#ef444466}.red-accent .skill-icon{color:#ef4444}.red-orange-accent{background-color:#f43f5e0a}.red-orange-accent:hover{box-shadow:0 0 20px #f43f5e26;border-color:#f43f5e66}.red-orange-accent .skill-icon{color:#f43f5e}.blue-yellow-accent{background-color:#3b82f60a}.blue-yellow-accent:hover{box-shadow:0 0 20px #eab30826;border-color:#3b82f666}.blue-yellow-accent .skill-icon{color:#3b82f6}.gray-accent{background-color:#9ca3af0a}.gray-accent:hover{box-shadow:0 0 20px #9ca3af26;border-color:#9ca3af66}.gray-accent .skill-icon{color:#9ca3af}.rgb-accent{background-color:#ffffff05}.rgb-accent:hover{box-shadow:0 0 20px #ffffff1a;border-color:#ffffff4d}@media(max-width:768px){.skills-container{padding:3rem 1.5rem}.skills-headtext{font-size:2.25rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem}.skill-card{padding:1.25rem .75rem}}