:root{--app-bg: #10151d;--app-bg-soft: #151d29;--sidebar-bg: #0f151f;--panel: #1b2432;--panel-soft: #252f3f;--panel-hover: #2b3648;--text-primary: #f5f7fb;--text-secondary: #9ca9bb;--line-soft: rgba(255, 255, 255, .08);--accent: #0a84ff;--accent-strong: #2da1ff;--success: #30d158;--danger: #ff453a;--warning: #ffd60a;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--shadow-main: 0 24px 44px rgba(5, 10, 16, .44);--mobile-nav-height: 72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;text-align:left;color:var(--text-primary);background:radial-gradient(circle at 14% 10%,rgba(44,79,126,.22) 0%,transparent 34%),radial-gradient(circle at 86% 84%,rgba(20,55,99,.2) 0%,transparent 33%),linear-gradient(150deg,#131a24,#0d1219 64%,#111925)}h1,h2,h3,h4,p{margin:0}p{color:var(--text-secondary);line-height:1.8}a{text-decoration:none;color:inherit}.site-shell{width:min(1320px,95vw);margin:0 auto;padding:1.2rem 0 2rem;display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem}.sidebar{position:sticky;top:.8rem;align-self:start;height:calc(100vh - 1.6rem);background:linear-gradient(180deg,#0f151ff7,#0c121bf7);border:1px solid var(--line-soft);border-radius:var(--radius-xl);padding:.9rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:var(--shadow-main)}.sidebar__profile{background:var(--panel);border-radius:var(--radius-lg);padding:.9rem}.sidebar__profile-main{display:flex;flex-direction:column;align-items:flex-start;gap:.72rem}.sidebar__avatar{width:68px;height:68px;border-radius:16px;object-fit:cover;display:block;flex-shrink:0}.sidebar__profile-text{min-width:0}.sidebar__eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#d9e5f7}.sidebar__profile h1{margin-top:0;font-size:1.6rem;font-family:Merriweather,serif;color:#fff;line-height:1.18}.sidebar__role{margin-top:.28rem;font-size:.88rem}.sidebar__nav{display:grid;gap:.28rem;margin-top:.15rem}.sidebar__nav a{min-height:42px;border-radius:var(--radius-sm);padding:.4rem .5rem;display:flex;align-items:center;gap:.55rem;color:#dbe6f7;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar__nav a:hover{background:var(--panel-soft);color:#fff;transform:translate(1px)}.sidebar__nav a.active{background:#0a84ff38;color:#fff}.nav-item__icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#dce8fa;background:#ffffff12}.nav-item__icon svg{width:16px;height:16px}.nav-item__label{font-size:.92rem;font-weight:650}.sidebar__social{margin-top:auto;display:grid;gap:.4rem;background:#ffffff0d;border-radius:var(--radius-md);padding:.55rem}.social-link{min-height:36px;border-radius:var(--radius-sm);background:#ffffff14;color:#fff;font-size:.86rem;font-weight:700;display:flex;align-items:center;justify-content:flex-start;gap:.45rem;padding:0 .58rem;transition:background .18s ease,color .18s ease}.social-link:hover{background:#ffffff24}.social-link__icon{width:24px;height:24px;display:grid;place-items:center;background:transparent;color:#fff;flex-shrink:0}.social-link__icon svg{width:22px;height:22px}.social-link__label{font-size:.84rem;color:#e9f2ff}.social-link--telegram .social-link__label{color:#229ed9}.social-link--whatsapp .social-link__label{color:#25d366}.social-link--email .social-link__label{color:#ea4335}.social-link--linkedin .social-link__label{color:#0a66c2}.content{min-width:0;display:grid;gap:.95rem}.card{background:linear-gradient(170deg,#1b2432f7,#161f2cf2);border:1px solid var(--line-soft);border-radius:var(--radius-xl);padding:1.2rem}#about.card{position:relative;overflow:hidden}#about.card:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(42,142,255,.38),transparent 70%);pointer-events:none}.section-tag{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#c9d9f1;margin-bottom:.45rem}.card h2{color:#fff;font-size:1.32rem;margin-bottom:.72rem}.info-list{margin:.72rem 0 .9rem;padding-left:1rem;display:grid;gap:.28rem}.info-list strong{color:#fff}.about-personal{margin:.75rem 0 1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.about-personal__item{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:.55rem .62rem}.about-personal__label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#9fb9d8}.about-personal__value{display:block;margin-top:.16rem;color:#fff;font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.about-personal__value a{color:#d9ebff}.section-highlight{margin:.05rem 0 .75rem;color:#d7e7fb;font-weight:700}.experience-timeline{margin-top:.82rem;display:grid;gap:.62rem}.experience-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.72rem}.experience-item__period{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#9ec4ff}.experience-item h3{margin-top:.24rem;color:#fff;font-size:1rem}.experience-item__company{margin-top:.12rem;color:#c5d9f3;font-size:.86rem;font-weight:700}.experience-item p:last-child{margin-top:.3rem}.skills-progress{margin-top:.8rem;display:grid;gap:.8rem}.skill-row{display:grid;gap:.28rem}.skill-row__head{display:flex;justify-content:space-between;align-items:center;color:#e5eefb;font-size:.9rem}.skill-row__head span:last-child{color:#fff;font-weight:700}.skill-row__track{width:100%;height:9px;border-radius:999px;background:#ffffff1f;overflow:hidden}.skill-row__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%)}.skills-tags__title{margin-top:.9rem;color:#fff;font-size:1rem;font-weight:800}.skills-tags{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.45rem}.skill-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.24rem .62rem;border-radius:999px;background:#ffffff14;color:#dfeafb;font-size:.78rem;font-weight:700;line-height:1.25}.projects-grid{list-style:none;margin:.85rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.project-card{width:100%;height:auto;padding:0;border:0;border-radius:var(--radius-lg);overflow:hidden;text-align:left;cursor:pointer;background:var(--panel-soft);color:inherit;transition:transform .2s ease,background .2s ease}.project-card:hover{transform:translateY(-3px);background:var(--panel-hover)}.project-card__media{position:relative;width:100%;border-radius:inherit;overflow:hidden}.project-card__media:before{content:"";display:block;padding-top:66.6667%}.project-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050a100f 18%,#050a107a 64%,#04090fe0);pointer-events:none}.project-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.project-card__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:.72rem;display:grid;gap:.22rem;background:linear-gradient(0deg,#04090feb,#04090fad 58%,#04090f00)}.project-card__category{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#d6e7ff}.project-card__body h3{font-size:.98rem;line-height:1.32;color:#fff}.projects-actions{margin-top:.95rem;display:flex;justify-content:center}.load-more-btn{border:0;border-radius:999px;min-height:40px;padding:.58rem 1.05rem;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(145deg,#0a84ff,#258fff);cursor:pointer;transition:transform .2s ease,filter .2s ease}.load-more-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.58rem .95rem;margin-top:.85rem;border:0;border-radius:999px;background:linear-gradient(145deg,#0a84ff,#258fff);color:#fff;font-weight:700}.contact-socials{margin-top:.9rem;display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-bottom:.15rem}.contact-socials .social-link{flex:0 0 auto;min-width:max-content;padding-inline:.7rem;white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#080c12b3;display:flex;justify-content:center;align-items:center;padding:1rem}.project-modal{width:min(960px,96vw);background:linear-gradient(170deg,#1b2432,#161f2b);border:1px solid var(--line-soft);border-radius:var(--radius-xl);padding:0;box-shadow:var(--shadow-main);position:relative;overflow:visible}.project-modal__scroll{max-height:86vh;overflow-y:auto;padding:.95rem}.project-modal__close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;min-height:0;padding:0;background:#ff3b30;color:#fff;font-size:26px;line-height:1;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #080c1273;z-index:3}.project-modal__layout{margin-top:.7rem;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:.9rem;align-items:start}.project-modal__media{width:100%;height:auto;aspect-ratio:3 / 2;max-height:220px;border-radius:var(--radius-md);overflow:hidden;justify-self:start;flex-shrink:0}.project-modal__image{width:100%;height:100%;object-fit:cover;display:block}.project-modal__content{min-width:0;display:grid;gap:.48rem}.project-modal__category{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:#c7daf5}.project-modal h3{color:#fff;font-size:1.3rem}.project-modal h4{margin-top:.45rem;color:#fff;font-size:.98rem}.project-modal__visit{margin-top:.12rem;display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:36px;padding:.45rem .9rem;border-radius:999px;background:linear-gradient(145deg,#0a84ff,#258fff);color:#fff;font-size:.85rem;font-weight:700}.project-modal__private-note{margin-top:.1rem;color:#c8d9f1;font-size:.9rem;font-weight:600}.project-modal__meta{margin-top:.4rem;display:grid;gap:.2rem}.project-modal__meta p{font-size:.86rem;line-height:1.6}.project-modal__meta strong{color:#fff;font-weight:800}.project-modal__external-links{margin-top:.5rem}.project-modal__external-list{margin:.35rem 0 0;padding-left:1rem;display:grid;gap:.24rem}.project-modal__external-list a{color:#b7d6ff;text-decoration:underline;text-underline-offset:2px}.project-modal__highlights{margin:0;padding-left:1rem;color:var(--text-secondary);display:grid;gap:.3rem}.project-modal__stack{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.45rem}.stack-pill{border:0;border-radius:999px;padding:.35rem .62rem;font-size:.78rem;color:#e8f0fc;background:#ffffff1f;font-weight:700}.section-reveal{opacity:0;transform:translateY(10px);animation:revealUp .7s ease forwards}.content>.section-reveal:nth-child(1){animation-delay:.05s}.content>.section-reveal:nth-child(2){animation-delay:.12s}.content>.section-reveal:nth-child(3){animation-delay:.2s}.content>.section-reveal:nth-child(4){animation-delay:.28s}.content>.section-reveal:nth-child(5){animation-delay:.34s}.content>.section-reveal:nth-child(6){animation-delay:.4s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.site-shell{grid-template-columns:1fr;width:min(95vw,860px);padding-bottom:calc(var(--mobile-nav-height) + 2.2rem + env(safe-area-inset-bottom,0px))}.sidebar{position:static;height:auto}.sidebar__social{display:none}.sidebar__nav{position:fixed!important;left:50%;right:auto;width:min(560px,calc(100vw - 1rem));transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + .4rem);z-index:10000;margin:0;padding:.34rem;border-radius:999px;background:#15181ff2;border:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem;box-shadow:0 16px 28px #04080e80}.sidebar__nav a{min-height:68px;border-radius:999px;padding:.3rem .2rem;gap:.22rem;flex-direction:column;justify-content:center;text-align:center;color:#f3f8ffdb}.sidebar__nav a:hover{transform:none;background:#ffffff0a}.sidebar__nav a.active{background:linear-gradient(180deg,#2a4eaf73,#24387070);color:#8eb0ff;box-shadow:inset 0 0 0 1px #84a2ff38}.nav-item__icon{width:32px;height:32px;border-radius:50%;background:transparent;color:#eef4ff}.sidebar__nav a.active .nav-item__icon{color:#7fa6ff}.nav-item__icon svg{width:20px;height:20px}.nav-item__label{font-size:.74rem;font-weight:700;line-height:1.05}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-modal{width:min(95vw,780px)}.project-modal__layout{grid-template-columns:1fr;align-items:start}.project-modal__media{width:min(320px,100%);height:auto;max-height:none;aspect-ratio:3 / 2}.about-personal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){body{font-size:15px}.site-shell{width:calc(100vw - 40px);margin-inline:auto;padding-top:.85rem}.sidebar{border-radius:var(--radius-lg);padding:.75rem}.sidebar__profile h1{font-size:1.4rem}.sidebar__profile-main{flex-direction:row;align-items:center;gap:.62rem}.sidebar__avatar{width:58px;height:58px;border-radius:14px}.card{border-radius:var(--radius-lg);padding:1rem}.card h2{font-size:1.14rem}.about-personal{grid-template-columns:1fr}.skills-tags{gap:.38rem}.skill-tag{font-size:.72rem;min-height:28px;padding-inline:.54rem}.contact-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;overflow:visible;padding-bottom:0}.contact-socials .social-link{min-width:0;width:100%;justify-content:center;padding-inline:.45rem}.projects-grid{grid-template-columns:1fr}.project-card{padding:.58rem;border-radius:var(--radius-md)}.project-card__media{width:100%;flex:none;border-radius:var(--radius-sm);overflow:hidden}.project-card__media:before{padding-top:66.6667%}.project-card__image{border-radius:var(--radius-sm)}.project-card__body{padding:.6rem;gap:.18rem}.project-card__category{font-size:.66rem}.project-card__body h3{font-size:.86rem;line-height:1.24}.sidebar__nav{width:calc(100vw - 40px);bottom:calc(env(safe-area-inset-bottom,0px) + .4rem)}.sidebar__nav a{min-height:50px}.nav-item__icon{width:24px;height:24px}.nav-item__icon svg{width:24px;height:24px}.nav-item__label{font-size:.66rem}.project-modal{border-radius:var(--radius-lg)}.project-modal__scroll{padding:.8rem}.project-modal__media{width:100%;max-width:none;height:auto;aspect-ratio:3 / 2;border-radius:var(--radius-sm)}.project-modal h3{font-size:1.12rem}}