*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;line-height:1.4;min-height:100vh;overflow-x:hidden;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}html{scroll-behavior:smooth}::selection{background:#2563eb;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes floatSlow{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-20px) translateX(10px)}66%{transform:translateY(10px) translateX(-5px)}}@keyframes floatMedium{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}50%{transform:translateY(-15px) translateX(15px) rotate(180deg)}}@keyframes floatFast{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(15px) translateX(-10px)}75%{transform:translateY(-10px) translateX(20px)}}.animated-bg{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.bg-dot{background:#666;border-radius:50%;box-shadow:0 0 10px #6666664d;opacity:1;position:absolute}.bg-dot:first-child{animation:floatSlow 8s ease-in-out infinite;background:#777;height:8px;left:10%;top:20%;width:8px}.bg-dot:nth-child(2){animation:floatMedium 12s ease-in-out 2s infinite;background:#555;height:4px;left:20%;top:60%;width:4px}.bg-dot:nth-child(3){animation:floatFast 6s ease-in-out 1s infinite;background:#888;height:12px;left:70%;top:30%;width:12px}.bg-dot:nth-child(4){animation:floatSlow 10s ease-in-out 3s infinite;background:#666;height:6px;left:60%;top:80%;width:6px}.bg-dot:nth-child(5){animation:floatMedium 9s ease-in-out 4s infinite;background:#777;height:10px;left:85%;top:15%;width:10px}.bg-dot:nth-child(6){animation:floatFast 7s ease-in-out 2s infinite;background:#555;height:5px;left:15%;top:70%;width:5px}.bg-dot:nth-child(7){animation:floatSlow 11s ease-in-out 1s infinite;background:#999;height:9px;left:90%;top:45%;width:9px}.bg-dot:nth-child(8){animation:floatMedium 8s ease-in-out 3s infinite;background:#666;height:7px;left:40%;top:25%;width:7px}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #111;left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.logo{color:#fff;cursor:pointer;font-size:1.2rem;font-weight:300;text-transform:lowercase}.nav{display:flex;gap:3rem}.nav button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;font-weight:300;text-transform:lowercase;transition:color .3s ease}.nav button:hover{color:#fff}.mobile-menu-btn{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:1.2rem;font-weight:300}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #111;padding:1rem 0}.mobile-nav{display:flex;flex-direction:column;gap:1rem;padding:0 2rem}.mobile-nav button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;font-weight:300;padding:.5rem 0;text-align:left;text-transform:lowercase;transition:color .3s ease}.mobile-nav button:hover{color:#fff}@media (max-width:768px){.nav{display:none}.mobile-menu-btn{display:block}.header-content{padding:1rem}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0 2rem}.hero-content{max-width:600px;text-align:center}.hero-title{color:#fff;font-size:4rem;font-weight:300;letter-spacing:-.02em;line-height:.9;margin-bottom:1rem}.hero-subtitle{color:#666;font-size:1.2rem;font-weight:400;margin-bottom:.5rem;text-transform:lowercase}.hero-description{color:#999;font-size:1rem;font-weight:300;margin-bottom:3rem}.hero-links{display:flex;gap:3rem;justify-content:center}.hero-links a{color:#666;font-size:.9rem;font-weight:300;position:relative;text-decoration:none;transition:color .3s ease}.hero-links a:hover{color:#fff}.hero-links a:after{background:#fff;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.hero-links a:hover:after{width:100%}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem;margin-bottom:2rem}.hero-links{flex-direction:column;gap:1.5rem}}.about{margin:0 auto;max-width:1000px;padding:80px 20px}.about-content{grid-gap:6rem;align-items:start;display:grid;gap:6rem;grid-template-columns:1fr 1fr}.about-text h2{color:#fff;font-size:2rem;font-weight:300;margin-bottom:2rem;text-transform:lowercase}.about-text p{color:#999;font-size:1rem;font-weight:300;line-height:1.6;margin-bottom:1rem}.tech-stack h3{color:#fff;font-size:2rem;font-weight:300;margin-bottom:2rem;text-transform:lowercase}.tech-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tech-grid span{border-bottom:1px solid #222;color:#666;font-size:.9rem;font-weight:300;padding:.5rem 0;transition:color .3s ease}.tech-grid span:hover{color:#fff}@media (max-width:768px){.about-content{gap:3rem;grid-template-columns:1fr}.about-text h2,.tech-stack h3{font-size:1.5rem}.tech-grid{grid-template-columns:1fr}}.experience{margin:0 auto;max-width:800px;padding:80px 20px}.experience-content h2{color:#fff;font-size:2rem;font-weight:300;margin-bottom:3rem;text-transform:lowercase}.experience-list{display:flex;flex-direction:column;gap:3rem}.experience-item{border-bottom:1px solid #222;padding-bottom:2rem}.experience-item:last-child{border-bottom:none;padding-bottom:0}.exp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.exp-left{align-items:center;display:flex;gap:1rem}.exp-image{background:#0000;border-radius:8px;cursor:pointer;height:80px;object-fit:contain;transition:all .3s ease;width:120px}.exp-image:hover{opacity:.8;transform:scale(1.02)}.exp-info{display:flex;flex-direction:column;gap:.25rem}.exp-title{display:none}.exp-title:hover{color:#999}.exp-role{color:#fff;font-size:.9rem;font-weight:400}.exp-description{color:#666;font-size:.8rem;font-weight:300;line-height:1.4}.exp-period{color:#666;font-size:.9rem;font-weight:300}.exp-tech{display:flex;flex-wrap:wrap;gap:1rem}.exp-tech span{color:#666;font-size:.8rem;font-weight:300;transition:color .3s ease}.exp-tech span:hover{color:#fff}@media (max-width:768px){.experience-content h2{font-size:1.5rem}.exp-header{align-items:flex-start;flex-direction:column;gap:.5rem}.exp-left{gap:.75rem}.exp-image{height:60px;width:100px}.exp-tech{flex-direction:column;gap:.5rem}}.contact{margin:0 auto;max-width:600px;padding:80px 20px 120px;text-align:center}.contact-content h2{color:#fff;font-size:2rem;font-weight:300;margin-bottom:3rem;text-transform:lowercase}.contact-links{align-items:center;display:flex;flex-direction:column;gap:2rem}.contact-links a{color:#666;font-size:1rem;font-weight:300;position:relative;text-decoration:none;transition:color .3s ease}.contact-links a:hover{color:#fff}.contact-links a:after{background:#fff;bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.contact-links a:hover:after{width:100%}@media (max-width:768px){.contact-content h2{font-size:1.5rem}.contact-links{gap:1.5rem}.contact-links a{font-size:.9rem}}.App{min-height:100vh}.section{margin:0 auto;max-width:1200px;padding:80px 20px}.section-title{color:#fff;font-size:2rem;font-weight:300;margin-bottom:3rem;text-align:left;text-transform:lowercase}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;transition:all .3s ease}.card:hover{border-color:#3b82f6;transform:translateY(-2px)}.btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn:hover{background:#2563eb;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #3b82f6;color:#3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}@media (max-width:768px){.section{padding:60px 15px}.section-title{font-size:2rem}.card{padding:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}}
/*# sourceMappingURL=main.6b77e153.css.map*/