:root{--primary-color: #5a484f;--primary-hover: #412a33;--text-primary: #29121b;--text-secondary: #5a484f;--bg-primary: rgba(255, 255, 255, .95);--bg-scrolled: rgba(255, 255, 255, .98);--border-light: rgba(89, 72, 79, .1);--shadow: 0 4px 20px rgba(89, 72, 79, .08);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.Header{position:fixed;top:0;left:0;width:100%;background:var(--bg-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:0;z-index:1000;transition:var(--transition)}.Header--scrolled{background:var(--bg-scrolled);box-shadow:var(--shadow);height:60px}.Header--scrolled .Header__container{height:60px}.Header__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:70px;transition:var(--transition)}.Header__logo{font-size:1.8rem;font-weight:800;color:var(--text-primary);transition:var(--transition);display:flex;align-items:center}.Header__logo-accent{color:var(--primary-color);margin-right:2px}.Header__logo:hover{opacity:.8;transform:translateY(-1px)}.Header__nav{display:flex;align-items:center;gap:1.8rem}.Header__nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;padding:.5rem 0;transition:var(--transition);display:flex;align-items:center}.Header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.Header__nav-link:hover{color:var(--text-primary)}.Header__nav-link:hover:after{width:100%}.Header__nav-link--active{color:var(--primary-color);font-weight:600}.Header__nav-link--active:after{width:100%}.Header__sign-in-btn{background:var(--primary-color);color:#fff;padding:.6rem 1.2rem;border-radius:8px;margin-left:1rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-weight:500;box-shadow:0 2px 4px #5a484f33;border:none;cursor:pointer;text-decoration:none}.Header__sign-in-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px #5a484f4d}.Header__menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;width:30px;height:24px;justify-content:space-between;position:relative;z-index:1001}.Header__menu-btn span{display:block;height:2px;width:100%;background-color:var(--text-primary);border-radius:3px;transition:var(--transition);transform-origin:center}.Header__menu-btn--open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.Header__menu-btn--open span:nth-child(2){opacity:0}.Header__menu-btn--open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.Header__mobile-nav{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:var(--bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:-5px 0 25px #0000001a;border-left:1px solid var(--border-light)}.Header__mobile-nav--open{right:0}.Header__mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light)}.Header__mobile-logo{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.Header__mobile-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:var(--transition)}.Header__mobile-close:hover{background:#0000000d;color:var(--text-primary)}.Header__mobile-nav-links{padding:1rem 0;flex:1}.Header__mobile-nav-link{color:var(--text-secondary);text-decoration:none;padding:1rem 1.5rem;font-weight:500;transition:var(--transition);font-size:1.1rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid transparent}.Header__mobile-nav-link:hover{color:var(--primary-color);background:#5a484f0d;padding-left:1.75rem;border-left-color:var(--primary-color)}.Header__mobile-nav-link--active{color:var(--primary-color);background:#5a484f0d;border-left-color:var(--primary-color);font-weight:600}.Header__sign-in-mobile-btn{background:var(--primary-color);color:#fff;text-align:center;margin:1rem;border-radius:8px;padding:.9rem 1.5rem;border:none;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;text-decoration:none;box-shadow:0 2px 4px #5a484f33}.Header__sign-in-mobile-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px #5a484f4d}.Header__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;animation:fadeIn .3s ease}@media (max-width: 968px){.Header__nav{gap:1.2rem}.Header__nav-link{font-size:.9rem}}@media (max-width: 768px){.Header__nav{display:none}.Header__menu-btn{display:flex}.Header__container{padding:0 1rem}}@media (max-width: 480px){.Header__mobile-nav{width:280px}}:root{--primary: #4a6cf7;--primary-dark: #3950b6;--text: #1d2a3a;--text-light: #64748b;--light: #f8fafc;--background: #ffffff;--code-bg: #1e1e1e;--code-header: #2d2d2d;--code-text: #d4d4d4;--code-keyword: #569cd6;--code-string: #ce9178;--code-number: #b5cea8;--code-property: #9cdcfe;--code-comment: #6a9955;--gradient-start: #4a6cf7;--gradient-mid: #6f42c1;--gradient-end: #e11d48}.Hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:0 1.5rem;background:var(--background);overflow:hidden}.Hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#4a6cf71a,#6f42c11a,#e11d481a);z-index:0}.Hero:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:linear-gradient(135deg,#e11d480d,#6f42c10d,#4a6cf70d);z-index:0}.Hero__container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.Hero__content{padding-right:2rem}.Hero__badge{display:inline-block;background:#4a6cf71a;color:var(--primary);padding:.5rem 1rem;border-radius:100px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,108,247,.2);animation:fadeIn 1s ease-out}.Hero__name{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;color:var(--text);animation:slideUp .8s ease-out}.Hero__name-gradient{background:#5a484f;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 3s ease-in-out infinite}.Hero__title{font-size:1.5rem;font-weight:500;color:var(--text-light);margin-bottom:1.5rem;line-height:1.4;animation:slideUp .8s ease-out .2s both}.Hero__typing{display:inline-block;margin-left:.5rem;position:relative}.Hero__typing-text{color:var(--primary);font-weight:600;position:relative}.Hero__typing-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--gradient-start),transparent);animation:typingLine 2s ease-in-out infinite}.Hero__cursor{animation:blink 1s infinite;color:var(--primary);margin-left:2px}.Hero__description{font-size:1.1rem;line-height:1.6;color:var(--text-light);margin-bottom:2.5rem;opacity:.9;animation:slideUp .8s ease-out .4s both}.Hero__buttons{display:flex;gap:1rem;margin-bottom:3rem;animation:slideUp .8s ease-out .6s both}.Hero__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;position:relative;overflow:hidden}.Hero__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.Hero__btn:hover:before{left:100%}.Hero__btn--primary{background:#5a484f;color:#fff;box-shadow:0 4px 14px #4a6cf766}.Hero__btn--primary:hover{background:#5a484f;transform:translateY(-2px);box-shadow:0 6px 20px #4a6cf780}.Hero__btn--secondary{background:transparent;color:#5a484f;border:1px solid #5a484f}.Hero__btn--secondary:hover{background:#4a6cf71a;transform:translateY(-2px);box-shadow:0 4px 14px #4a6cf733}.Hero__stats{display:flex;gap:2rem;animation:slideUp .8s ease-out .8s both}.Hero__stat{display:flex;flex-direction:column}.Hero__stat-number{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}.Hero__stat-label{font-size:.9rem;color:var(--text-light);opacity:.8}.Hero__visual{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease-out .5s both}.Hero__code-window{background:var(--code-bg);border-radius:12px;overflow:hidden;width:100%;max-width:450px;box-shadow:0 20px 40px #0003;z-index:2;transition:transform .3s ease}.Hero__code-window:hover{transform:translateY(-5px)}.Hero__code-header{background:var(--code-header);padding:.8rem 1rem;display:flex;align-items:center;gap:.5rem}.Hero__code-dots{display:flex;gap:.4rem}.Hero__code-dots span{width:12px;height:12px;border-radius:50%;display:block}.Hero__code-dots span:nth-child(1){background:#ff5f56}.Hero__code-dots span:nth-child(2){background:#ffbd2e}.Hero__code-dots span:nth-child(3){background:#27c93f}.Hero__code-title{color:#999;font-size:.9rem;margin-left:.5rem;font-family:Fira Code,monospace}.Hero__code-content{padding:1.5rem;position:relative;font-family:Fira Code,monospace;min-height:250px}.Hero__code-pre{margin:0;color:var(--code-text);font-size:.95rem;line-height:1.6;white-space:pre-wrap}.Hero__code .token.keyword{color:var(--code-keyword)}.Hero__code .token.string{color:var(--code-string)}.Hero__code .token.punctuation{color:var(--code-text)}.Hero__code .token.property{color:var(--code-property)}.Hero__code .token.text{color:var(--code-text)}.Hero__code-cursor{display:inline-block;width:8px;height:1.2rem;background:var(--code-text);margin-left:4px;animation:blink 1s infinite;vertical-align:middle}.Hero__blob{position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:400px;height:400px;z-index:1;opacity:.7;animation:float 6s ease-in-out infinite}.Hero__blob svg path{fill:url(#blob-gradient)}.Hero__scroll-line{width:1px;height:50px;background:var(--primary);margin-top:.5rem;position:relative;overflow:hidden}.Hero__scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:20px;background:linear-gradient(to bottom,transparent,var(--primary),transparent);animation:scrollLine 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scrollLine{0%{top:-20px}to{top:100%}}@keyframes float{0%,to{transform:translate(-40%,-50%) translateY(0)}50%{transform:translate(-40%,-50%) translateY(-10px)}}@keyframes typingLine{0%,to{opacity:0}50%{opacity:1}}@media (max-width: 968px){.Hero__container{grid-template-columns:1fr;gap:3rem;text-align:center}.Hero__content{padding-right:0;order:2}.Hero__visual{order:1}.Hero__buttons,.Hero__stats{justify-content:center}.Hero__name{font-size:2.8rem}}@media (max-width: 768px){.Hero{padding-top:2rem}.Hero__name{font-size:2.3rem}.Hero__title{font-size:1.3rem}.Hero__buttons{flex-direction:column;align-items:center}.Hero__btn{width:100%;max-width:250px;justify-content:center}.Hero__stats{gap:1.5rem}.Hero__stat-number{font-size:1.5rem}.Hero__blob{width:300px;height:300px}}@media (max-width: 480px){.Hero__name{font-size:2rem}.Hero__badge{font-size:.8rem}.Hero__description{font-size:1rem}.Hero__stats{flex-wrap:wrap;justify-content:space-around}.Hero__code-window{max-width:100%}}html,body{margin:0;padding:0}:root{--home-primary: #5a484f;--home-primary-dark: #412a33;--home-text: #29121b;--home-light: #afa4a8;--home-background: #fff;--home-gradient-start: #5a484f;--home-gradient-end: #412a33;--home-card-bg: rgba(255, 255, 255, .92);--home-blue-gradient-start: #3498db;--home-blue-gradient-end: #2980b9}.Home{padding-top:70px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);color:var(--home-text);overflow-x:hidden}.Home__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.Home__featured{padding:6rem 0;position:relative}.Home__featured:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(135deg,var(--home-gradient-start) 0%,var(--home-gradient-end) 100%);z-index:-1;clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.Home__section-header{text-align:center;margin-bottom:4rem}.Home__section-title{font-size:2.8rem;font-weight:800;margin-bottom:1rem;position:relative;display:inline-block}.Home__title-accent{background:linear-gradient(135deg,var(--home-gradient-start),var(--home-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Home__section-subtitle{font-size:1.2rem;color:var(--home-light);max-width:600px;margin:0 auto;line-height:1.6}.Home__project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:3rem}.Home__project-card{background:var(--home-card-bg);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #00000014;position:relative;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.Home__project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #00000026;top:-5px}.Home__project-image{height:240px;background:linear-gradient(45deg,#5a484f33,#412a334d);border-radius:16px 16px 0 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.Home__project-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235a484f' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.Home__project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#412a33e6,#5a484fcc);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.Home__project-card:hover .Home__project-overlay{opacity:1}.Home__project-btn{background:#fff;color:var(--home-primary-dark);border:none;padding:.8rem 1.8rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.Home__project-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.Home__project-number{position:absolute;top:1rem;left:1rem;font-size:3rem;font-weight:800;color:#5a484f1a;line-height:1}.Home__project-content{padding:2rem}.Home__project-content h4{font-size:1.4rem;margin-bottom:.8rem;color:var(--home-text);font-weight:700}.Home__project-content p{color:var(--home-primary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.Home__tech-tags{display:flex;gap:.5rem;flex-wrap:wrap}.Home__tech-tags span{background:#5a484f1a;color:var(--home-primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-weight:500}.Home__tech-icon{width:18px;height:18px;object-fit:contain}.Home__tech-tags span:hover{background:var(--home-primary);color:#fff;transform:translateY(-2px);box-shadow:0 5px 10px #5a484f4d}.Home__view-all{text-align:center;margin-top:2rem}.Home__view-all-btn{background:transparent;color:var(--home-primary);border:2px solid var(--home-primary);padding:1rem 2.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem}.Home__view-all-btn:hover{background:var(--home-primary);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #5a484f4d}.Home__about{padding:8rem 0;background:linear-gradient(135deg,#f9fafb,#edf0f3);position:relative}.Home__about:before{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(135deg,var(--home-gradient-end) 0%,var(--home-gradient-start) 100%);z-index:0;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);opacity:.05}.Home__about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:5rem;align-items:start;position:relative;z-index:1}.Home__about-text p{line-height:1.8;margin-bottom:1.5rem;color:var(--home-primary);font-size:1.1rem}.Home__btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.2rem;border-radius:10px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem;cursor:pointer;border:none;margin-top:1rem}.Home__btn--secondary{background:transparent;color:var(--home-primary);border:2px solid var(--home-primary)}.Home__btn--secondary:hover{background:var(--home-primary);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #5a484f4d}.Home__skills{background:var(--home-card-bg);padding:2.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.Home__skills h4{font-size:1.6rem;margin-bottom:2rem;color:var(--home-text);position:relative;display:inline-block;font-weight:700}.Home__skills h4:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:4px;background:linear-gradient(90deg,var(--home-blue-gradient-start),var(--home-blue-gradient-end));border-radius:3px}.Home__skills-grid{display:flex;flex-direction:column;gap:1.5rem}.Home__skill-item{opacity:0;transform:translate(20px);transition:all .5s ease}.Home__skill-item--visible{opacity:1;transform:translate(0)}.Home__skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-weight:600;color:var(--home-text)}.Home__skill-info{display:flex;align-items:center;gap:.8rem}.Home__skill-icon{width:24px;height:24px;object-fit:contain}.Home__skill-bar{height:8px;background:#3498db33;border-radius:10px;overflow:hidden;position:relative}.Home__skill-level{height:100%;background:linear-gradient(90deg,var(--home-blue-gradient-start),var(--home-blue-gradient-end));border-radius:10px;width:0;transition:width 1.5s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.Home__skill-level:after{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);z-index:1;background-size:20px 20px;animation:move 2s linear infinite;border-radius:10px}@keyframes move{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Home__project-card{animation:fadeInUp .6s ease-out}.Home__project-card:nth-child(2){animation-delay:.2s}.Home__project-card:nth-child(3){animation-delay:.4s}@media (max-width: 968px){.Home__about-content{grid-template-columns:1fr;gap:4rem}.Home__project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.Home__section-title{font-size:2.3rem}}@media (max-width: 768px){.Home__featured,.Home__about{padding:5rem 0}.Home__section-title{font-size:2rem}.Home__project-grid{grid-template-columns:1fr}.Home__container{padding:0 1rem}.Home__skills{padding:2rem}}@media (max-width: 480px){.Home__tech-tags{justify-content:center}.Home__view-all-btn,.Home__btn{width:100%;justify-content:center}.Home__section-title{font-size:1.8rem}.Home__project-content,.Home__skills{padding:1.5rem}}