body{background:linear-gradient(135deg,#f8fafc,#e0f2fe);color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.portfolio-container{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;overflow-x:hidden;position:relative}.background-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.bg-element{border-radius:50%;filter:blur(40px);opacity:.1;position:absolute}.bg-element-1{animation:float 20s ease-in-out infinite;background:linear-gradient(45deg,#3b82f6,#8b5cf6);height:400px;right:10%;top:10%;width:400px}.bg-element-2{animation:float 25s ease-in-out infinite reverse;background:linear-gradient(45deg,#10b981,#3b82f6);bottom:20%;height:300px;left:5%;width:300px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid #334155;position:relative;z-index:100}.header-container{margin:0 auto;max-width:1200px;padding:0 2rem}.header-content{justify-content:space-between;padding:1rem 0}.header-brand,.header-content{align-items:center;display:flex}.header-brand{gap:1rem}.brand-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.brand-text{display:flex;flex-direction:column}.brand-name{color:#f8fafc;font-size:1.5rem;font-weight:700;margin:0}.brand-subtitle{color:#94a3b8;font-size:.9rem;margin:0}.header-social{display:flex;gap:1rem}.social-link{align-items:center;background:#33415580;border:1px solid #475569;border-radius:8px;color:#94a3b8;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid #334155;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-container{margin:0 auto;max-width:1200px;padding:0 2rem}.nav-content{-ms-overflow-style:none;display:flex;gap:.5rem;justify-content:center;overflow-x:auto;padding:.75rem 0;scrollbar-width:none}.nav-content::-webkit-scrollbar{display:none}.nav-button{align-items:center;background:#0000;border:1px solid #475569;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-weight:500;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.nav-button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.nav-button-content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:2}.nav-button-label{display:none}.nav-button-glow{background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:8px;bottom:0;filter:blur(8px);left:0;opacity:.2;position:absolute;right:0;top:0;z-index:1}@media (min-width:640px){.nav-button-label{display:inline}}.main-content{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:2}.hero-section{padding:4rem 0;position:relative;text-align:center}.hero-container{margin:0 auto;max-width:800px}.hero-avatar{margin-bottom:2rem}.avatar-wrapper{display:inline-block;position:relative}.avatar-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 8px 32px #3b82f64d;display:flex;height:150px;justify-content:center;margin:0 auto;position:relative;width:150px;z-index:2}.avatar-content{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:4rem}.avatar-glow{border-radius:50%;bottom:-10px;filter:blur(20px);left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px;z-index:1}.avatar-glow,.hero-title{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.hero-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.hero-subtitle{color:#94a3b8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.hero-description{color:#cbd5e1;font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #475569;color:#94a3b8}.btn-secondary:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.btn-icon{transition:transform .3s ease}.btn:hover .btn-icon{transform:translateX(4px)}.section{margin-bottom:3rem}.section-container{max-width:100%}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #475569;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:2.5rem;transition:all .3s ease}.card:hover{border-color:#3b82f6;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.section-title{-webkit-text-fill-color:#0000}.section-title,.section-title-center{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}.section-title-center{-webkit-text-fill-color:#0000;text-align:center}.about-content{color:#cbd5e1;line-height:1.7;margin-bottom:2rem}.about-content p{font-size:1.1rem;margin-bottom:1rem}.contact-info{background:#3341554d;border:1px solid #475569;border-radius:12px;padding:1.5rem}.contact-title{color:#f8fafc;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.contact-items{display:flex;flex-direction:column;gap:1rem}.contact-item{color:#cbd5e1;font-size:1rem;gap:.75rem;word-break:break-all}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{border-radius:8px;flex-shrink:0;height:40px;justify-content:center;width:40px}.contact-icon-email{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.contact-icon-phone{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.skills-container{cursor:pointer;max-width:100%}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #475569;border-radius:16px;padding:2rem;transition:all .3s ease}.skill-card:hover{border-color:#3b82f6;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.skill-header{gap:1rem;margin-bottom:1.5rem}.skill-header,.skill-icon{align-items:center;display:flex}.skill-icon{border-radius:12px;color:#fff;height:60px;justify-content:center;width:60px}.skill-icon-frontend{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.skill-icon-backend{background:linear-gradient(135deg,#10b981,#059669)}.skill-icon-other{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.skill-title{color:#f8fafc;font-size:1.5rem;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{border-radius:8px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-tag-frontend{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.skill-tag-frontend:hover{background:#3b82f64d;transform:translateY(-2px)}.skill-tag-backend{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.skill-tag-backend:hover{background:#10b9814d;transform:translateY(-2px)}.skill-tag-other{background:#8b5cf633;border:1px solid #8b5cf64d;color:#a78bfa}.skill-tag-other:hover{background:#8b5cf64d;transform:translateY(-2px)}.projects-container{max-width:100%}.projects-header{margin-bottom:3rem;text-align:center}.projects-description{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #475569;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:#3b82f6;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-title{color:#f8fafc;flex:1 1;font-size:1.5rem;font-weight:700;margin-right:1rem}.project-type{background:#10b98133;border:1px solid #10b9814d;border-radius:9999px;color:#34d399;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.project-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-highlights{margin-bottom:1.5rem}.highlights-title{color:#f8fafc;font-size:1rem;font-weight:600;margin-bottom:.75rem}.highlights-list{list-style:none;padding:0}.highlight-item{align-items:center;color:#cbd5e1;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.5rem}.highlight-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:6px;width:6px}.project-technologies{cursor:pointer;margin-bottom:1.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#33415580;border:1px solid #475569;border-radius:6px;color:#94a3b8;font-size:.8rem;padding:.375rem .75rem;transition:all .3s ease}.tech-tag:hover{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.project-link{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.project-link-icon{transition:transform .3s ease}.project-link:hover .project-link-icon{transform:translateX(4px)}.education-timeline{padding-left:2rem;position:relative}.timeline-line{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:0;left:0;position:absolute;top:0;width:4px}.education-item{margin-bottom:2rem;position:relative}.timeline-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;height:40px;justify-content:center;left:-3rem;position:absolute;top:0;width:40px}.education-content{margin-bottom:1.5rem}.education-title{color:#f8fafc;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.education-institution{color:#94a3b8;font-size:1rem;margin-bottom:.75rem}.education-description{color:#cbd5e1;font-size:1rem;line-height:1.6}.courses-section{background:#3341554d;border:1px solid #475569;border-radius:12px;padding:1.5rem}.courses-title{color:#f8fafc;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.courses-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.course-item{align-items:center;color:#cbd5e1;display:flex;font-size:.9rem;gap:.5rem}.course-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:4px;width:4px}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-top:1px solid #334155;margin-top:4rem;padding:2rem 0;text-align:center}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.footer-link{color:#94a3b8;font-size:1rem;text-decoration:none;transition:all .3s ease;word-break:break-all}.footer-link:hover{color:#3b82f6;transform:translateY(-2px)}.footer-divider{background:linear-gradient(90deg,#0000,#475569,#0000);height:1px;margin:1rem 0}.gallery-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.gallery-overlay{background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.gallery-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 32px #00000040;display:flex;flex-direction:column;padding:24px;position:relative;z-index:1}.gallery-img{border-radius:8px;box-shadow:0 2px 16px #0000002e;margin:16px 0;max-height:70vh;max-width:80vw}.gallery-close{background:none;font-size:2rem;right:18px;top:12px}.gallery-close,.gallery-next,.gallery-prev{border:none;cursor:pointer;position:absolute}.gallery-next,.gallery-prev{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001f;font-size:2.5rem;opacity:.8;padding:0 12px;top:50%;transform:translateY(-50%)}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-counter{color:#444;font-size:1rem;margin-top:8px}.gallery-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;margin-right:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.gallery-btn:hover{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}@media (max-width:1024px){.hero-title{font-size:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-social{justify-content:center}.nav-content{justify-content:flex-start;padding:.5rem 0}.nav-button{padding:.5rem 1rem}.main-content{padding:1rem}.hero-section{padding:3rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:300px;width:100%}.card{padding:1.5rem}.section-title,.section-title-center{font-size:1.875rem}.projects-grid,.skills-grid{grid-template-columns:1fr}.contact-items{gap:.75rem}.contact-item{font-size:.9rem}.footer-links{flex-direction:column;gap:1rem}}@media (max-width:480px){.header-container,.main-content,.nav-container{padding-left:1rem;padding-right:1rem}.avatar-circle{height:120px;width:120px}.avatar-content{font-size:3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.card{padding:1rem}.section-title,.section-title-center{font-size:1.5rem}.project-card,.skill-card{padding:1.5rem}.project-header{align-items:flex-start;flex-direction:column;gap:.5rem}.project-title{margin-right:0}.courses-grid{grid-template-columns:1fr}.contact-item{align-items:flex-start;flex-direction:column;gap:.5rem}.contact-icon{align-self:flex-start}}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.btn:focus,.footer-link:focus,.nav-button:focus,.project-link:focus,.social-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading{opacity:.7;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.project-screenshots{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.project-screenshot-img{border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000001f;height:auto;object-fit:cover;width:220px}
/*# sourceMappingURL=main.0f8467a3.css.map*/