@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&family=Inter:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scroll-behavior:smooth;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.motion-element,.motion-section,div,section{backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px;transform:translateZ(0);will-change:transform,opacity}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.card-nav-container{box-sizing:border-box;font-family:sans-serif;left:50%;max-width:900px;position:absolute;top:2em;transform:translateX(-50%);width:90%;z-index:99}.card-nav{background-color:#fff;border:.5px solid #ffffff1a;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;display:block;height:75px;min-height:75px;opacity:1;overflow:hidden;padding:0;position:relative;will-change:height}.card-nav-top{height:75px;justify-content:space-between;left:0;padding:0 .5rem;position:absolute;right:0;top:0;z-index:2}.card-nav-top,.hamburger-menu{align-items:center;display:flex}.hamburger-menu{cursor:pointer;flex-direction:column;flex-shrink:0;gap:6px;height:100%;justify-content:center;min-width:40px}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{background-color:currentColor;height:2px;transform-origin:50% 50%;transition:transform .25s ease,opacity .2s ease,margin .3s ease;width:30px}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.logo-container h2{font-size:1.5rem;letter-spacing:.5px;margin:0}.logo{height:28px}.card-nav-cta-button{background-color:#111;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:auto;min-height:62px;padding:.5rem 1.2rem;transition:background-color .3s ease;white-space:nowrap}.card-nav-cta-button:hover{background-color:#333}.card-nav-content{align-items:flex-end;bottom:0;display:flex;gap:12px;left:0;padding:.5rem;pointer-events:none;position:absolute;right:0;top:90px;visibility:hidden;z-index:1}.card-nav.open .card-nav-content{pointer-events:auto;visibility:visible}.nav-card{border-radius:.55rem;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%;min-width:0;padding:12px 16px;position:relative;-webkit-user-select:none;user-select:none}.nav-card-label{font-size:22px;font-weight:400;letter-spacing:-.5px}.nav-card-links{display:flex;flex-direction:column;gap:2px;margin-top:auto;text-decoration:none}.nav-card-link{align-items:center;cursor:pointer;display:inline-flex;font-size:16px;gap:6px;text-decoration:none;transition:opacity .3s ease}.nav-card-link:hover{opacity:.75}@media (max-width:768px){.card-nav-container{top:1.2em;width:90%}.card-nav-top{justify-content:space-between;padding:.5rem 1rem}.hamburger-menu{order:2}.logo-container{order:1;position:static;transform:none}.card-nav-cta-button{display:none}.card-nav-content{align-items:stretch;bottom:0;flex-direction:column;gap:8px;justify-content:flex-start;padding:.5rem}.nav-card{flex:1 1 auto;height:auto;max-height:none;min-height:60px}.nav-card-label{font-size:18px}.nav-card-link{font-size:15px}}.nav-card a,.nav-card a:active,.nav-card a:visited{color:inherit;text-decoration:none}.nav-card a:hover{color:inherit;opacity:.8}:root{--bg:#050507;--panel:#0f0f12;--muted:#b7b7c4;--accent:linear-gradient(90deg,#b084f5,#7ff0e3);--accent-solid:#b084f5}.hp-photo{filter:grayscale(100%);transition:filter .6s ease}.hp-photo-wrap:hover .hp-photo{filter:grayscale(0)}.hp-hero{background:#050507;background:var(--bg);box-sizing:border-box;color:#fff;font-family:Inter,Poppins,system-ui,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:0 80px;position:relative}.hp-hero,.hp-left-social{align-items:center;display:flex}.hp-left-social{flex-direction:column;gap:18px;left:28px;position:absolute;top:50%;transform:translateY(-50%);z-index:20}.hp-left-social a{align-items:center;background:#0b0b0b;border-radius:10px;box-shadow:0 6px 18px #0009;color:#bfc0cc;display:flex;height:44px;justify-content:center;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease;width:44px}.hp-left-social a:hover{background:#ffffff08;color:#fff;transform:translateY(-6px)}.hp-left-line{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:2px;height:120px;margin-top:8px;width:2px}.hp-inner{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%;z-index:10}.hp-text{flex:1 1 58%;max-width:680px}.hp-pre{color:#b7b7c4;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:.4px;margin-bottom:12px}.hp-name{color:#fff;font-family:Poppins,sans-serif;font-size:68px;font-weight:800;letter-spacing:-1px;line-height:1;margin:0}.hp-name-accent{background:linear-gradient(90deg,#b084f5,#7ff0e3);background:var(--accent);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;margin-left:6px}.hp-role{color:#cfcfe0;font-size:24px;font-weight:600;margin:18px 0 20px}.hp-desc{color:#aeb0bd;font-size:16px;line-height:1.7;margin-bottom:26px;max-width:640px}.hp-cta-row{display:flex;gap:14px;margin-top:6px}.hp-cta,button.hp-cta{background:linear-gradient(90deg,#7a61f5,#a17df9);border:none;border-radius:12px;box-shadow:0 10px 30px #7850ff1f;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;font-weight:600;padding:12px 18px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.hp-cta:hover{transform:translateY(-4px)}.hp-cta.ghost{background:#0000;border:1px solid #ffffff0f;box-shadow:none;color:#d6d6e6}.hp-visual{align-items:center;display:flex;flex:0 0 360px;height:420px;justify-content:center;position:relative}.hp-visual-bg{background:radial-gradient(circle at 30% 30%,#b078f747,#7bcec01f 40%,#0000 70%);filter:blur(62px);height:520px;pointer-events:none;position:absolute;right:-20%;top:-12%;transform:rotate(-12deg);width:520px;z-index:1}.hp-photo-wrap{align-items:center;background:linear-gradient(180deg,#ffffff05,hsla(0,0%,100%,.005));border:1px solid #ffffff08;border-radius:28px;box-shadow:0 30px 80px #020617b3,inset 0 1px 0 #ffffff05;display:flex;height:320px;justify-content:center;overflow:hidden;position:relative;width:320px;z-index:5}.hp-photo{display:block;height:100%;object-fit:cover;width:100%}.hp-badge{align-items:center;background:linear-gradient(180deg,#ffffff26,#ffffff26);border:1px solid #ffffff0a;border-radius:12px;box-shadow:0 18px 40px #03061699;color:#f5f5f8;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;position:absolute;z-index:9}.hp-badge .b-left{color:#b084f5;color:var(--accent-solid);padding-right:6px}.hp-badge-1{right:-12px;top:30px;transform:translateY(-8%)}.hp-badge-2{bottom:35px;left:-24px;transform:translateY(6%)}@media (max-width:1100px){.hp-hero{padding:40px 60px}.hp-name{font-size:56px}.hp-inner{gap:28px}.hp-visual{flex-basis:300px;height:360px}.hp-photo-wrap{height:260px;width:260px}}@media (max-width:800px){.hp-hero{justify-content:center;padding:28px 28px 36px}.hp-inner{align-items:center;flex-direction:column-reverse;gap:24px;text-align:center}.hp-left-social{display:none}.hp-text{max-width:600px}.hp-visual{align-items:center;display:flex;flex-direction:column;margin:0;position:relative}.hp-photo-wrap{height:240px;width:240px}.hp-badge-1,.hp-badge-2{border-radius:10px;display:flex;font-size:12px;padding:6px 10px;position:absolute}.hp-badge-1{right:-6px;top:-10px;transform:scale(.9)}.hp-badge-2{bottom:-10px;left:-6px;transform:scale(.9)}.hp-name{font-size:44px}.hp-role{font-size:20px}.hp-desc{font-size:15px}.hp-cta-row{flex-wrap:wrap;justify-content:center}}@media (max-width:720px){.hp-hero{padding:80px 18px 10px}.hp-inner{gap:16px}.hp-photo-wrap{height:220px;width:220px}.hp-badge-1{right:-30px;top:28px;transform:scale(.85)}.hp-badge-2{bottom:29px;left:-30px;transform:scale(.85)}}@media (max-width:800px){.hp-visual{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.hp-photo-wrap{position:relative;z-index:5}.hp-badge-1{right:-30px;top:28px;transform:scale(.9)}.hp-badge-2{bottom:29px;left:-30px;transform:scale(.9)}}@media (max-width:480px){.hp-badge-1,.hp-badge-2{border-radius:8px;font-size:11px;padding:5px 9px}.hp-badge-1{right:-30px;top:28px;transform:scale(.85)}.hp-badge-2{bottom:29px;left:-30px;transform:scale(.85)}}.footer{background-color:#0d0d0d;border-top:1px solid #ffffff1a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px}.footer-content{align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content,.footer-icons{display:flex;gap:20px}.icon{color:#aaa;font-size:1.6rem;transition:color .3s ease,transform .3s ease}.icon:hover{color:#9b5cff;transform:scale(1.2)}.footer-likes .like-btn{align-items:center;background:#0000;border:1px solid #9b5cff;border-radius:50px;color:#9b5cff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:all .3s ease}.footer-likes .like-btn:hover{background-color:#9b5cff;color:#fff}.heart-icon{color:#9b5cff;transition:color .3s ease}.footer-built p{color:#ccc;margin:3px 0}.footer-built strong{color:#fff}.footer-spotify iframe{border-radius:12px;height:152px;width:300px}.footer-bottom{border-top:1px solid #ffffff1a;color:#aaa;font-size:.9rem;margin-top:30px;padding-top:20px;text-align:center}.footer-tech{color:#b3b3b3;flex-direction:column;font-size:.95rem;gap:.8rem;text-align:center}.footer-tech,.tech-item{align-items:center;display:flex;justify-content:center}.tech-item{gap:.4rem;transition:transform .3s ease}.tech-item:hover{transform:translateY(-3px)}.tech-icon{font-size:1.2rem;transition:color .3s ease,transform .3s ease}.tech-icon.react{color:#61dafb}.tech-icon.css{color:#2965f1}.tech-icon.vercel{color:#fff}.tech-icon.user{color:#fff;font-size:.5rem}.tech-item:hover .tech-icon.react{color:#33cfff;transform:rotate(10deg)}.tech-item:hover .tech-icon.css{color:#1e4ef5;transform:rotate(-10deg)}.tech-item:hover .tech-icon.vercel{color:#9b5cff;transform:scale(1.2)}@media (max-width:1024px){.footer-content{flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2rem}.footer-spotify iframe{height:160px;width:340px}}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.footer-content,.footer-icons{gap:1.5rem;justify-content:center}.footer-likes{order:2}.footer-tech{display:flex;flex-direction:column;gap:.8rem;order:3}.footer-spotify{align-items:center;display:flex;justify-content:center;order:4;width:100%}.footer-spotify iframe{border-radius:12px;height:180px;margin-bottom:0;max-width:380px;width:92vw}.like-btn{font-size:15px;padding:8px 18px}.footer-bottom{font-size:13px;margin-top:.5rem;padding-bottom:.5rem}}@media (max-width:480px){.footer-spotify iframe{height:170px;width:95vw}.footer-content{padding:1rem}.footer-bottom{font-size:12px}}.contact-section{align-items:center;background:#0b0b0b;color:#f1f1f1;display:flex;justify-content:center;min-height:auto;overflow:hidden;padding:80px 10%;position:relative}.contact-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1200px;padding:30px 0;position:relative;width:100%}.contact-container:before{background:linear-gradient(180deg,#0000 0,#ffffff14 20%,#ffffff14 80%,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.contact-left{display:flex;flex-direction:column;justify-content:center;padding-right:40px}.contact-subtitle{color:#a56cff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.contact-title{font-size:2.6rem;font-weight:700;margin-bottom:18px}.contact-text{color:#b8b8b8;font-size:1.05rem;line-height:1.6;margin-bottom:30px;max-width:500px}.contact-info{display:flex;flex-direction:column;gap:14px}.info-item{align-items:center;color:#c8c8c8;display:flex;font-size:1.05rem;gap:12px;transition:.3s ease}.info-item:hover{color:#fff;transform:translateX(4px)}.info-icon{color:#8e8e8e;flex-shrink:0;height:22px;transition:.3s ease;width:22px}.info-item:hover .info-icon{color:#a56cff}.contact-right{display:flex;flex-direction:column;justify-content:center;padding-left:40px}.section-heading{align-items:center;color:#a56cff;display:flex;font-size:1.35rem;font-weight:600;gap:10px;margin-bottom:16px}.section-icon{color:#999;height:22px;width:22px}.certifications,.hobbies{margin-bottom:40px}.certifications ul,.hobbies ul{list-style:none;padding:0}.certifications li,.hobbies li{align-items:flex-start;color:#bcbcbc;display:flex;flex-wrap:wrap;font-size:1.03rem;gap:6px 10px;line-height:1.5;margin:12px 0;max-width:500px;transition:all .3s ease}.certifications li:hover,.hobbies li:hover{color:#fff;transform:translateX(5px)}.list-icon{color:#888;height:20px;margin-top:2px;transition:.3s ease;width:20px}.certifications li:hover .list-icon,.hobbies li:hover .list-icon{color:#a56cff}.org{color:#9a9a9a;font-size:.9rem;margin-left:5px;opacity:.9;white-space:nowrap}@media (max-width:1024px){.contact-container{gap:50px;grid-template-columns:1fr}.contact-container:before{display:none}.contact-left,.contact-right{padding:0}.contact-title{font-size:2.3rem}.contact-text{font-size:1rem}.section-heading{font-size:1.2rem}}@media (max-width:600px){.certifications li{align-items:flex-start;flex-direction:column;gap:2px;line-height:1.6}.org{font-size:.85rem;margin-left:0}.contact-section{padding:60px 6%}.contact-container{gap:35px}}@media (max-width:480px){.contact-title{font-size:1.8rem}.section-heading{font-size:1.1rem}.info-icon,.list-icon,.section-icon{height:18px;width:18px}.contact-section{padding:50px 5%}}.info-link{color:#c8c8c8;position:relative;text-decoration:none;transition:all .3s ease}.info-link:after{background-color:#a56cff;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.info-item:hover .info-link{color:#fff}.info-item:hover .info-link:after{width:100%}.tech-compact-wrapper{margin:0 auto;max-width:1000px;padding:2rem 1.5rem 4rem;position:relative;width:100%;z-index:2}.tech-compact-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.tech-compact-item{align-items:center;animation:fadeInUp .6s ease-out 0s both;animation:fadeInUp .6s ease-out var(--delay,0s) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;cursor:default;display:flex;gap:1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.tech-compact-item:before{background:radial-gradient(circle at 50% 0,#8247ff26,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.tech-compact-item:hover{border-color:#8247ff4d;box-shadow:0 10px 30px #0006,0 0 20px #8247ff1a;transform:translateY(-4px)}.tech-compact-item:hover:before{opacity:1}.tech-compact-icon{filter:grayscale(.3);flex-shrink:0;font-size:2rem;line-height:1;transition:filter .3s ease,transform .3s ease}.tech-compact-item:hover .tech-compact-icon{filter:grayscale(0);transform:scale(1.1)}.tech-compact-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.tech-compact-name{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;line-height:1.3;margin:0}.tech-compact-category{color:#ffffff80;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.tech-compact-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tech-compact-item{padding:1.5rem 1.75rem}.tech-compact-name{font-size:1.1rem}}@media (min-width:1024px){.tech-compact-wrapper{padding:3rem 2rem 5rem}.tech-compact-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tech-compact-item{padding:1.75rem 2rem}}@media (max-width:640px){.tech-compact-wrapper{padding:1.5rem 1rem 3rem}.tech-compact-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tech-compact-item{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;text-align:center}.tech-compact-icon{font-size:1.75rem}.tech-compact-name{font-size:.95rem}.tech-compact-category{font-size:.7rem}}
/*# sourceMappingURL=main.8b0976ef.css.map*/