@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#0f1316;color:#bebebe;font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.portfolio-layout{display:flex;min-height:100vh;margin-top:5rem}.sidebar{position:sticky;top:0;height:100vh;width:380px;gap:14px;padding:24px 10px;overflow-y:auto;overflow-x:hidden;margin-left:10rem;overflow-y:scroll}.profile-card,.sidebar{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.profile-card{background:#fff;border-radius:24px;width:100%;height:70%;padding:14px 14px 0;box-shadow:0 8px 40px rgba(0,0,0,.4)}.avatar-wrapper,.profile-card{position:relative;overflow:hidden}.avatar-wrapper{z-index:1;width:200px;height:220px;border-radius:16px;background:linear-gradient(135deg,#fd3e3e,#fa9a9a);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 20px rgba(253,62,62,.35)}.card-name{color:#111;font-size:24px;font-weight:900;text-align:center;line-height:1.25;letter-spacing:-.3px;margin-top:24px}.card-name,.flame-badge{position:relative;z-index:1}.flame-badge{width:42px;height:42px;border-radius:50%;background:#ff6e6e;justify-content:center;box-shadow:0 4px 16px hsla(0,100%,72%,.5);margin-top:10px;margin-bottom:10px;flex-shrink:0}.card-connector,.flame-badge{display:flex;align-items:center}.card-connector{position:relative;z-index:1;flex-direction:column;gap:5px;margin:10px 0}.connector-dot{width:5px;height:5px;border-radius:50%;border:1.5px dashed #ff6e6e;opacity:.65}.card-bio{color:#555;font-size:14px;font-weight:600;text-align:center;line-height:1.65;padding:0 4px}.card-bio,.card-socials{position:relative;z-index:1}.card-socials{gap:18px;margin-top:12px}.card-socials,.social-icon{display:flex;align-items:center}.social-icon{width:20px;height:20px;color:#ff6e6e;justify-content:center;text-decoration:none;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}.social-icon svg{width:100%;height:100%}.social-icon:hover{transform:scale(1.2);opacity:.7}.sidebar-nav{flex-direction:column;gap:2px;flex-shrink:0;overflow:hidden}.nav-btn,.sidebar-nav{width:100%;display:flex}.nav-btn{align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:none;background:transparent;color:#555e6a;font-size:12px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;text-align:left;transition:all .2s ease}.nav-btn:hover{background:#161b20;color:#bebebe}.nav-btn.active{background:#161b20;color:#fff}.nav-indicator{height:2px;border-radius:99px;background:#2a3340;width:14px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn.active .nav-indicator{width:24px;background:#ff6e6e}.nav-btn:hover .nav-indicator{background:#3a4450;width:18px}.main-content{flex:1;overflow-y:auto}.content-inner{max-width:740px;margin-left:3rem;padding:50px 52px 0 20px;display:flex;flex-direction:column;gap:96px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#555e6a;margin-bottom:8px}.section-title{font-size:62px}.section-title,.section-title-form{line-height:1.1;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.3px}.section-title-form{font-size:92px}.contact-email{color:#ff6e6e;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s ease}.contact-email:hover{color:#fd3e3e}.section-sub{color:#bebebe;font-size:14px;line-height:1.65;margin-bottom:32px}.about-heading{font-size:88px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;letter-spacing:-.5px}.about-heading .accent{color:#bebebe}.about-subheading{color:#ff6e6e;font-size:14px;font-weight:500;margin-bottom:4px;letter-spacing:.05em}.about-sub{color:#888;font-size:13px;margin-bottom:20px}.about-body{color:#bebebe;font-size:15px;line-height:1.75;max-width:520px}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.skill-card{background:#161b20;border:1px solid #1e252c;border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:default;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,100%,72%,.08),rgba(253,62,62,.04));opacity:0;transition:opacity .25s ease;border-radius:inherit}.skill-card:hover{transform:translateY(-4px) scale(1.04);border-color:#ff6e6e;box-shadow:0 8px 24px hsla(0,100%,72%,.18),0 0 0 1px hsla(0,100%,72%,.12)}.skill-card:hover:before{opacity:1}.skill-card:hover .skill-label{color:#ff6e6e}.skill-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:monospace;flex-shrink:0}.skill-icon,.skill-label{position:relative;z-index:1}.skill-label{font-size:10px;color:#bebebe;font-weight:500;text-align:center;line-height:1.3;transition:color .25s ease}.recent-win-section{display:flex;gap:20px;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid #2a2a2a;border-left:4px solid #fd3e3e;border-radius:12px;padding:28px 32px;margin-bottom:48px;position:relative;overflow:hidden;animation:fadeSlideIn .6s ease-out forwards;opacity:0}.recent-win-section:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(253,62,62,.03));pointer-events:none}.win-badge{position:absolute;top:16px;right:20px;background:#fd3e3e;color:#000;font-size:9px;font-weight:700;letter-spacing:.1em;padding:4px 10px;border-radius:4px}.win-content{flex:1}.win-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.win-event{color:#888;font-size:12px;font-weight:500;letter-spacing:.05em}.win-date{color:#666;font-size:11px;font-weight:500}.win-title{font-size:28px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.5px}.win-desc{color:#aaa;font-size:14px;line-height:1.6;max-width:600px;margin-bottom:12px}.win-award{color:gold;font-size:13px;font-weight:600;margin-bottom:8px}.win-creators{color:#888;font-size:12px;margin-bottom:16px}.win-link{color:#ff6e6e;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s ease}.win-link:hover{color:#fd3e3e}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-link{color:#ff6e6e;font-size:13px;font-weight:600}.project-link,.project-link:hover{text-decoration:none;transition:.3s}.project-link:hover{color:#fd3e3e;font-size:13.5px}.projects-layout{display:flex;gap:20px;min-height:440px}.projects-list{display:flex;flex-direction:column;gap:8px;width:200px;flex-shrink:0}.project-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid #1e252c;background:#0f1316;color:#bebebe;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;text-align:left;width:100%;transition:all .2s ease}.project-btn:hover{background:#161b20;padding-left:20px}.project-btn.active{background:#161b20;color:#fff}.project-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.project-btn-chevron{display:flex;align-items:center;opacity:.5;flex-shrink:0}.project-btn.active .project-btn-chevron{opacity:1}.project-panel{flex:1;background:#161b20;border:1px solid #1e252c;border-radius:20px;padding:24px;overflow-y:auto}.project-panel-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#555e6a;font-size:13px}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.panel-animate{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards}.panel-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.panel-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.panel-name{font-size:18px;font-weight:700;color:#fff}.panel-desc{color:#bebebe;font-size:13px;line-height:1.7}.panel-created{color:#888;font-size:12px;font-style:italic;margin-top:-10px}.panel-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:#555e6a;margin-bottom:12px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:flex-start;gap:8px;color:#bebebe;font-size:13px;line-height:1.55}.feature-bullet{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;border:1px solid #1e252c;background:#0f1316;color:#bebebe;font-size:12px;font-weight:500;transition:all .2s ease;cursor:default}.tech-badge:hover{background:hsla(0,100%,72%,.08);border-color:#ff6e6e;color:#ff6e6e}.tech-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.contact-form{flex-direction:column;max-width:520px}.contact-form,.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#555e6a}.form-input,.form-select,.form-textarea{width:100%;background:#161b20;border:1px solid #1e252c;border-radius:14px;padding:12px 16px;font-size:13px;font-family:Inter,sans-serif;color:#bebebe;outline:none;transition:border-color .2s ease;-webkit-appearance:none}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#2a3340}.form-input::placeholder,.form-textarea::placeholder{color:#2a3340}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ff6e6e}.form-textarea{resize:none}.form-select-wrap{position:relative;display:flex;align-items:center}.form-select-wrap select{flex:1;cursor:pointer}.form-select-wrap svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#555e6a;pointer-events:none}.submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#ff6e6e,#fd3e3e);color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 20px hsla(0,100%,72%,.28);transition:all .2s ease}.submit-btn:hover{opacity:.9;transform:scale(1.01);box-shadow:0 6px 28px hsla(0,100%,72%,.38)}.submit-btn:active{transform:scale(.99)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}@keyframes fadeInUpDelay1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpDelay2{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpDelay3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-load-1{opacity:0;animation:fadeInUpDelay1 .6s ease .1s forwards}.page-load-2{opacity:0;animation:fadeInUpDelay2 .6s ease .25s forwards}.page-load-3{opacity:0;animation:fadeInUpDelay3 .6s ease .4s forwards}.page-load-card{opacity:0;animation:fadeInScale .6s ease .2s forwards}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate.from-left{transform:translateX(-40px)}.scroll-animate.from-left.visible{transform:translateX(0)}.scroll-animate.from-bottom{transform:translateY(40px)}.scroll-animate.from-bottom.visible{transform:translateY(0)}.scroll-animate.from-top{transform:translateY(-40px)}.scroll-animate.from-top.visible{transform:translateY(0)}.scroll-animate.from-right{transform:translateX(40px)}.scroll-animate.from-right.visible{transform:translateX(0)}@media (max-width:900px){.portfolio-layout{margin-top:0}.sidebar{position:fixed;top:0;left:0;width:100%;height:auto;margin-left:0;padding:0;z-index:100;background:#0f1316;gap:0;overflow:visible}.avatar-pattern{display:none}.profile-card{flex-direction:row;align-items:center;height:auto;width:100%;padding:8px 16px;border-radius:0;gap:12px;box-shadow:none}.avatar-wrapper{width:40px;height:40px;border-radius:50%;flex-shrink:0}.avatar-wrapper img{width:100%!important}.card-name{font-size:16px;margin-top:0;white-space:nowrap;line-height:1.2}.card-bio,.card-name br,.flame-badge{display:none}.card-socials{margin-top:0;margin-left:auto;gap:10px}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:0;padding:6px 12px;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;padding:8px 14px;font-size:12px;width:auto;flex-shrink:0;border-radius:8px}.nav-indicator{display:none}.nav-btn.active{background:#161b20;color:#fff}.main-content{margin-top:110px}.content-inner{margin-left:0;padding:24px 20px;gap:48px}.about-heading{font-size:40px}.about-body{max-width:100%}.section-title{font-size:32px}.section-title-form{font-size:36px}.skills-grid{grid-template-columns:repeat(3,1fr)}.projects-layout{flex-direction:column}.projects-list{width:100%}.project-panel{overflow-y:visible}.recent-win-section{padding:20px;flex-direction:column}.win-badge{position:static;display:inline-block;align-self:flex-start;margin-bottom:4px}.win-header{flex-wrap:wrap;gap:8px}.win-title{font-size:22px}.win-desc{max-width:100%}}@media (max-width:480px){.content-inner{padding:20px 14px;gap:40px}.about-heading{font-size:28px}.section-title{font-size:24px}.section-title-form{font-size:28px}.card-name{font-size:13px}.avatar-wrapper{width:32px;height:32px}.social-icon{width:16px;height:16px}.card-socials{gap:8px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:8px}.skill-icon{width:32px;height:32px}.form-row{flex-direction:column;gap:12px}.sidebar-nav{padding:4px 8px}.nav-btn{padding:6px 10px;font-size:11px}.projects-list{gap:6px}.project-btn{padding:10px 12px;font-size:12px}.project-panel,.recent-win-section{padding:16px}}