*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::selection{background:#3b82f64d;color:#fff}::-moz-selection{background:#3b82f64d;color:#fff}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border-bottom:1px solid #3b82f61a;padding:0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{text-decoration:none}.nav-profile-pic{border:2px solid #1d4ed84d;border-radius:50%;height:40px;overflow:hidden;transition:all .3s ease;width:40px}.nav-profile-pic:hover{border-color:#1d4ed899;transform:scale(1.05)}.nav-profile-pic img{height:100%;object-fit:cover;width:100%}.nav-menu{align-items:center;display:flex;gap:40px;list-style:none}.nav-link{border-radius:8px;color:#ffffffb3;font-size:16px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#3b82f61a;color:#fff}.nav-link.active{background:#3b82f61a;color:#3b82f6}.nav-toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.bar{background:#fff;border-radius:2px;height:3px;transition:.3s;width:25px}@media (max-width:768px){.nav-container{padding:0 16px}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-top:1px solid #3b82f61a;flex-direction:column;gap:20px;left:-100%;padding:40px 0;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.home{background:#000;padding-top:70px}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 0}.hero-content{max-width:900px;text-align:center}.greeting{margin-bottom:60px}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.name-highlight{display:inline-block}.hero-subtitle{color:#ffffffb3;font-size:1.25rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:600px}.profile-section{align-items:center;display:flex;flex-direction:column;gap:40px}.profile-image-container{position:relative}.profile-image{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border:3px solid #3b82f64d;border-radius:50%;height:200px;overflow:hidden;padding:4px;transition:all .3s ease;width:200px}.profile-image:hover{border-color:#3b82f699;transform:scale(1.05)}.profile-image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.name-meaning{max-width:800px;text-align:center}.meaning-content{display:flex;flex-direction:column;gap:20px;margin-top:30px}.meaning-text{color:#fffc;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-style:italic;line-height:1.7}.highlight-text{color:#3b82f6;font-weight:500}.skills{background:linear-gradient(180deg,#000,#0a0a0a)}.section-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;letter-spacing:-1px;margin-bottom:60px;text-align:center}.section-title .gradient-text{color:#1d4ed8}.skills-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.skill-category{text-align:center}.category-title{color:#3b82f6;font-size:1.5rem;font-weight:600;margin-bottom:24px}.skills-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill-tag{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.skill-tag:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.projects{background:#000}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.project-card{overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,#0000,#3b82f680 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.project-card:hover{background:#ffffff14;transform:translateY(-8px)}.project-header{margin-bottom:16px;padding-right:40px;position:relative}.project-redirect{color:#3b82f6;cursor:pointer;font-size:1.2rem;padding:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none}.project-redirect:hover{color:#1d4ed8;transform:translateY(-50%) translateX(2px)}.project-title{font-size:1.5rem}.project-status{background:#22c55e33;border:1px solid #22c55e4d;border-radius:12px;color:#22c55e;font-size:.8rem;padding:4px 12px}.project-description{font-size:.95rem;line-height:1.6;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{border-radius:12px;font-size:.8rem;padding:4px 10px}@media (max-width:768px){.hero-title{font-size:2.5rem}.profile-image{height:160px;width:160px}.skills-grid{gap:30px;grid-template-columns:1fr}.projects-grid{gap:20px;grid-template-columns:1fr}.project-card{padding:24px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.profile-image{height:140px;width:140px}.meaning-text{font-size:1rem}}.about{background:#000;min-height:100vh;padding-top:70px}.about-content{margin:0 auto;max-width:1000px;padding:80px 0}.page-title{margin-bottom:60px}.about-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:2fr 1fr}.about-text{color:#fffc;font-size:1.1rem;line-height:1.7}.intro-text{color:#ffffffe6;font-size:1.3rem;font-weight:300}.intro-text,.journey-section,.philosophy-section,.vision-section{margin-bottom:40px}.section-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:16px}.section-subtitle .gradient-text{color:#1d4ed8}.stats-section{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.stat-card{padding:30px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-5px)}.stat-number{color:#1d4ed8;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.about-grid{gap:40px;grid-template-columns:1fr}.stats-section{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:20px 15px}.stat-number{font-size:2rem}}@media (max-width:480px){.stats-section{gap:15px;grid-template-columns:1fr}.intro-text{font-size:1.2rem}.about-text{font-size:1rem}}.projects-page{background:#000;min-height:100vh;padding-top:70px}.projects-content{padding:80px 0}.page-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-1px;margin-bottom:30px;text-align:center}.page-title .gradient-text{color:#1d4ed8}.projects-intro{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto 60px;max-width:600px;text-align:center}.projects-list{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1000px}.project-detail-card{overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.project-detail-card:before{background:linear-gradient(90deg,#0000,#3b82f680 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.project-detail-card:hover{background:#ffffff14;transform:translateY(-5px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.project-title{font-size:2rem;font-weight:600;margin:0}.project-title .gradient-text{color:#1d4ed8}.project-status{border-radius:16px;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.project-status.live{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.project-status.development{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.project-status.completed{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.project-description{color:#fffc;font-size:1.1rem;line-height:1.7;margin-bottom:30px}.features-title,.tech-title{color:#3b82f6;font-size:1.2rem;font-weight:600;margin-bottom:16px}.features-list{list-style:none;margin-bottom:30px}.feature-item{color:#fffc;padding:8px 0 8px 20px;position:relative}.feature-item:before{color:#3b82f6;content:"→";font-weight:700;left:0;position:absolute}.project-tech-stack{margin-bottom:30px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#1d4ed833;border:1px solid #1d4ed84d;border-radius:16px;color:#60a5fa;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .3s ease}.tech-tag:hover{background:#1d4ed84d;transform:translateY(-2px)}.project-actions{display:flex;flex-wrap:wrap;gap:16px}.btn-primary,.btn-secondary{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#0000;border-color:#3b82f680;color:#3b82f6}.btn-secondary:hover{background:#3b82f61a;border-color:#3b82f6;transform:translateY(-2px)}@media (max-width:768px){.project-detail-card{padding:30px 24px}.project-header{align-items:flex-start;flex-direction:column;gap:12px}.project-title{font-size:1.6rem}.project-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;text-align:center}}@media (max-width:480px){.projects-intro{font-size:1.1rem}.project-description{font-size:1rem}.tech-tags{gap:8px}.tech-tag{font-size:.8rem;padding:5px 12px}}.App{background:#000;color:#fff;min-height:100vh}.gradient-text{color:#1d4ed8}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #3b82f61a;border-radius:16px}.smooth-transition{transition:all .3s ease}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.text-white{color:#fff}.text-blue{color:#3b82f6}.text-center{text-align:center}@media (max-width:768px){.container{padding:0 16px}.section{padding:60px 0}}
/*# sourceMappingURL=main.fb742898.css.map*/