@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap);:root{--bg-deep:#050505;--bg-card:#ffffff08;--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--font-heading:"Space Grotesk",sans-serif;--font-body:"Outfit",sans-serif;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#050505;background-color:var(--bg-deep);color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.heading-xl,h1,h2,h3{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505;background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6,#06b6d4);background:linear-gradient(var(--accent-primary),var(--accent-secondary));border-radius:10px}a{color:inherit;text-decoration:none;transition:all .3s ease}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.container{padding:0 1.5rem}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#06b6d4);background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text}.home-container{overflow-x:hidden}.hero{align-items:center;background-color:initial;display:flex;height:100vh;justify-content:center;position:relative}.hero-content{max-width:1200px;padding:0 2rem;text-align:center;z-index:10}.hero-title{color:var(--text-primary);font-size:clamp(2.5rem,8vw,6rem);letter-spacing:-.05em;line-height:1.1;margin-bottom:2.5rem;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.hero-title span.accent-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:clamp(.7rem,2vw,.9rem);font-weight:500;letter-spacing:.3em;max-width:90%;padding:.6rem 1.2rem;text-transform:uppercase}.bottom-dock-center{align-items:center;display:flex;flex-direction:column;gap:1.5rem;left:4rem;position:fixed;top:50%;transform:translateY(-50%);z-index:9000}.social-links-vertical{display:flex;flex-direction:column;gap:1.2rem}.social-links-vertical a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);display:flex;height:45px;justify-content:center;transition:all .4s ease;width:45px}.social-links-vertical a:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.1)}.scroll-indicator-part{align-items:center;display:flex;flex-direction:column;gap:1.2rem;transition:opacity .5s ease,transform .5s ease}.bottom-dock-center.scrolled-away .scroll-indicator-part{opacity:0;pointer-events:none;transform:translateY(15px);visibility:hidden}.scroll-indicator-part span{color:var(--text-secondary);font-size:.6rem;font-weight:600;letter-spacing:.4em;opacity:.5;text-transform:uppercase;writing-mode:vertical-lr}.scroll-line{background:linear-gradient(to bottom,var(--accent-primary),#0000);height:60px;opacity:.4;width:1px}.section-header{margin:0 auto;max-width:1100px;padding:8rem 0 4rem}.section-header h2{color:var(--text-primary);display:inline-block;font-size:clamp(2.5rem,5vw,4rem);line-height:1;position:relative}.section-header h2 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.section-header h2:after{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:40px}.about-section,.projects-section,.skills-section{padding:2rem 0}.contact-footer{padding:6rem 0 4rem;text-align:center}.footer-inner{margin:0 auto;max-width:1100px;padding:0 2rem}.contact-form-wrapper{margin:0 auto;max-width:800px;padding-bottom:4rem}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid var(--glass-border);border-radius:24px;gap:2.5rem;padding:clamp(1.5rem,5vw,4rem)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:1rem;text-align:left}.form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.8rem;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group textarea{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:1.2rem;transition:all .4s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff0d;border-color:var(--accent-primary);outline:none}.submit-btn{background:var(--accent-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.1em;padding:1rem 2rem;transition:all .4s ease}.submit-btn:hover{background:var(--accent-secondary);transform:translateY(-3px)}.contact-footer h3{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.04em;margin-bottom:3rem}.contact-footer h3 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.contact-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:4rem}.contact-links a{background:#ffffff08;border:1px solid var(--glass-border);border-radius:30px;color:var(--text-primary);font-size:1.1rem;padding:1rem 2rem;transition:all .4s ease}.contact-links a:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:.8rem;opacity:.6;padding-top:3rem}@media (max-width:1024px){.social-links-fixed{left:2rem}}@media (max-width:768px){.bottom-dock-center{bottom:2rem;flex-direction:column;gap:1.5rem;left:50%;top:auto;transform:translateX(-50%);transition:all .5s ease}.bottom-dock-center.scrolled-away{opacity:0;pointer-events:none;transform:translate(-50%,20px);visibility:hidden}.social-links-vertical{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 10px 30px #0000004d;flex-direction:row;padding:.8rem 1.5rem}.scroll-indicator-part{display:none}.social-links-vertical a{height:40px;width:40px}.hero-title{font-size:3rem}.contact-footer h3,.section-header h2{font-size:2.5rem}.contact-links{align-items:center;flex-direction:column;gap:1.5rem}.contact-links a{max-width:300px;text-align:center;width:100%}}@media (max-width:480px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:.65rem;letter-spacing:.15em}.contact-form{padding:1.5rem}}.about-wrapper{margin:0 auto;max-width:1000px;padding:6rem 2rem 2rem}.about-text-content{display:flex;flex-direction:column}.about-label{color:var(--accent-secondary);display:block;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.5em;margin-bottom:2.5rem;text-transform:uppercase}.about-main-text{color:var(--text-primary);font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,3rem);letter-spacing:-.02em;line-height:1.2;margin-bottom:2rem;max-width:900px}.about-main-text .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-weight:800;position:relative}.about-main-text .highlight:after{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));bottom:0;content:"";height:2px;left:0;opacity:.2;position:absolute;width:100%}.about-details{border-top:1px solid var(--glass-border);display:flex;gap:5rem;padding-top:5rem}.detail-column{background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;flex:1 1;padding:2.5rem;transition:all .5s cubic-bezier(.19,1,.22,1)}.detail-column:hover{background:#ffffff0d;border-color:var(--accent-primary);transform:translateY(-8px) scale(1.02)}.detail-column h3{color:var(--text-primary);color:var(--accent-primary);font-size:1rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.2rem;text-transform:uppercase}.detail-column p{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.7}@media (max-width:1050px){.about-wrapper{padding:6rem 2rem}.about-main-text{font-size:2.5rem}}@media (max-width:768px){.about-main-text{font-size:1.8rem;margin-bottom:4rem}.about-details{flex-direction:column;gap:2rem}.detail-column{padding:2rem}}.projects-container{margin:0 auto;max-width:1100px;padding:0 2rem 2rem}.project-row{grid-gap:5rem;align-items:flex-start;display:grid;gap:5rem;grid-template-columns:80px 1.5fr 1fr;margin-bottom:12rem;transition:all .5s ease;will-change:transform,opacity}.project-row:hover{transform:translateY(-5px)}.project-index{align-items:flex-start;color:var(--accent-primary);display:flex;flex-direction:column;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;gap:1rem;margin-top:1rem;opacity:.4}.project-index:after{background:var(--accent-primary);content:"";height:2px;width:1rem}.project-visual{aspect-ratio:16/10;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 30px 60px #00000080;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.19,1,.22,1)}.project-visual:hover{border-color:var(--accent-primary);box-shadow:0 40px 80px #0009;transform:scale(1.02)}.project-visual img{height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.19,1,.22,1);width:100%}.project-visual:hover img{transform:scale(1.1) rotate(1deg)}.image-overlay{background:linear-gradient(180deg,#0000,#0003);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.project-details{padding-top:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.project-tags span{background:#06b6d408;border:1px solid #06b6d41a;border-radius:6px;color:var(--accent-secondary);font-size:.7rem;font-weight:500;letter-spacing:.15em;padding:.4rem .8rem;text-transform:uppercase}.project-title{color:var(--text-primary);font-family:var(--font-heading);font-size:2.8rem;letter-spacing:-.03em;line-height:1;margin-bottom:2.5rem}.project-desc{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;line-height:1.8;margin-bottom:3rem;max-width:450px}.project-link{align-items:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:50px;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:.9rem;gap:1.2rem;letter-spacing:.2rem;padding:1.2rem 2.4rem;transition:all .4s ease;width:-webkit-fit-content;width:fit-content}.project-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 10px 20px #8b5cf633;transform:translateX(10px)}@media (max-width:1024px){.project-row{gap:3rem;grid-template-columns:50px 1fr}}@media (max-width:768px){.project-row{display:flex;flex-direction:column;gap:2rem;margin-bottom:8rem}.project-title{font-size:2rem}}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px;padding:0 2rem 2rem}.skill-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .5s cubic-bezier(.19,1,.22,1);will-change:transform,opacity}.skill-card:hover{background:#ffffff0a;border-color:var(--accent-primary);box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.skill-info{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.skill-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.skill-name,.skill-percentage{font-family:var(--font-heading)}.skill-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.skill-progress-bg{background:#ffffff0d;border-radius:4px;height:2px;margin-bottom:2rem;position:relative;width:100%}.skill-progress-fill{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:4px;box-shadow:0 0 15px #8b5cf666;height:100%}.skill-description{color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;line-height:1.6}@media (max-width:768px){.skills-grid{gap:1.5rem;grid-template-columns:1fr;padding:1rem}}.navbar{left:0;padding:clamp(1rem,3vw,2rem) clamp(1.5rem,5vw,4rem);position:fixed;top:0;width:100%;z-index:9999}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px}.logo,.nav-container{align-items:center;display:flex}.logo{cursor:pointer;gap:1rem;transition:all .4s ease}.logo-img{border-radius:50%;height:clamp(50px,8vw,65px);object-fit:cover;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:clamp(50px,8vw,65px)}.logo:hover .logo-img{transform:scale(1.1) rotate(-5deg)}.menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:50px;z-index:10001}.menu-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:rotate(90deg) scale(1.1)}.menu-overlay{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505fa;display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:100%;z-index:10000}.menu-overlay:before{background:radial-gradient(circle at 100% 0,#8b5cf61a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.menu-items{list-style:none;text-align:center}.menu-items li{margin-bottom:2rem}.menu-items a{color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-heading);font-size:8vh;font-weight:700;line-height:.95;position:relative;text-transform:uppercase;transition:all .4s ease}.menu-items a span{font-family:var(--font-body);font-size:1rem;font-weight:400;letter-spacing:.2em;margin-bottom:.5rem;opacity:.4}.menu-items a:hover{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;transform:translateX(20px)}@media (max-width:768px){.menu-items a{font-size:clamp(2rem,10vw,3.5rem)}}.loader-container{align-items:center;background-color:#050505;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.loader-container:before{background:var(--accent-primary);border-radius:50%;content:"";filter:blur(150px);height:300px;left:50%;opacity:.15;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.loader-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;display:flex;font-family:var(--font-heading);font-size:10vw;font-weight:800;overflow:hidden;position:relative;z-index:1}.loader-text span{display:inline-block}.app-background{background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;width:100%;z-index:1}.app-background:before{background:radial-gradient(circle at 0 0,#8b5cf614 0,#0000 50%),radial-gradient(circle at 100% 100%,#06b6d414 0,#0000 50%),radial-gradient(circle at 50% 50%,#141414 0,#050505 100%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.app-background:after{animation:floatBackdrop 20s linear infinite;background:var(--accent-primary);border-radius:50%;content:"";filter:blur(150px);height:400px;opacity:.05;position:fixed;right:-100px;top:-100px;width:400px;z-index:-1}@keyframes floatBackdrop{0%{transform:translate(0)}33%{transform:translate(-30vw,40vh)}66%{transform:translate(-80vw,10vh)}to{transform:translate(0)}}
/*# sourceMappingURL=main.de389e30.css.map*/