@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root,[data-theme=light]{--bg-page:#eef1f6;--bg-grid:#788caa2e;--bg-card:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--accent:#0052ff;--accent-hover:#0043d4;--accent-soft:#e8f0ff;--tag-bg:#f3f4f6;--tag-text:#374151;--shadow-card:0 4px 24px #0f172a0f;--project-card-bg:#fff;--toggle-track:#e5e7eb;--toggle-thumb:#fff}[data-theme=dark]{--bg-page:#0f1117;--bg-grid:#ffffff0a;--bg-card:#1a1d27;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border:#2a2f3d;--border-strong:#3b4254;--accent:#3b82ff;--accent-hover:#5b9aff;--accent-soft:#3b82ff26;--tag-bg:#252a36;--tag-text:#e5e7eb;--shadow-card:0 4px 24px #00000059;--project-card-bg:#222733;--toggle-track:#374151;--toggle-thumb:#111827}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-secondary);background-color:var(--bg-page);background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:32px 32px;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}:root{scroll-behavior:smooth}#root{height:auto;min-height:100%}html,body{height:auto;min-height:100%;overflow:hidden auto}html{transition:background-color .35s,color .35s}.portfolio{padding:32px 20px 48px}.portfolio__layout{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;display:flex}.portfolio__main{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.portfolio__left,.portfolio__right{flex-direction:column;gap:24px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;padding:28px 32px;transition:background-color .35s,border-color .35s}.header-card__name,.card__title,.info-list__title,.project-card__title{transition:color .35s}.card__title{color:var(--text-primary);margin-bottom:20px;font-size:1.125rem;font-weight:700}.header-card{padding:32px 32px 18px;position:relative}.theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;display:flex;position:absolute;top:24px;right:24px}.theme-toggle__icon{color:var(--text-muted);transition:color .2s;display:block}.theme-toggle__icon.is-active{color:var(--accent)}.theme-toggle__track{background:var(--toggle-track);border:1px solid var(--border);border-radius:999px;align-items:center;width:52px;height:28px;padding:3px;transition:background .25s;display:flex}.theme-toggle__track.is-dark{background:var(--accent-soft);border-color:#3b82ff59}.theme-toggle__thumb{background:var(--toggle-thumb);border-radius:50%;width:20px;height:20px;transition:transform .25s;box-shadow:0 1px 4px #0000002e}.theme-toggle__track.is-dark .theme-toggle__thumb{background:var(--accent);transform:translate(24px)}.header-card__profile{align-items:center;gap:24px;margin-bottom:28px;padding-right:72px;display:flex}.header-card__photo{object-fit:cover;object-position:center 20%;border:1px solid var(--border);border-radius:20px;flex-shrink:0;width:160px;height:160px;transform:scale(1.1)}.header-card__name{color:var(--text-primary);margin-bottom:8px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.15}.header-card__location{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:14px;font-size:.95rem;display:flex}.location-pin{font-size:.85rem}.role-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:6px 14px;font-size:.875rem;font-weight:600;transition:background-color .35s,color .35s;display:inline-flex}.header-card__actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:20px;display:flex}.btn{border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:148px;padding:8px 22px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--outline{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong)}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.about-text{color:var(--text-secondary);flex-direction:column;gap:16px;font-size:.95rem;line-height:1.75;display:flex}.tech-stack{flex-direction:column;gap:22px;display:flex}.tech-stack__category{color:var(--accent);margin-bottom:12px;font-size:.95rem;font-weight:600}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--border);border-radius:999px;align-items:center;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:background-color .35s,border-color .35s,color .35s;display:inline-flex}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.project-card__btn{width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.project-card__btn:hover .project-card__image{transform:scale(1.05)}.project-card__image{transition:transform .3s}.project-card__image-wrap{aspect-ratio:16/10;background:var(--tag-bg);border-bottom:1px solid var(--border);overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%}.project-card__body{flex-direction:column;flex:1;padding:18px 18px 16px;display:flex}.project-card__title{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:700}.project-card__description{color:var(--text-muted);margin-bottom:14px;font-size:.8125rem;line-height:1.65}.project-card__tech{margin-bottom:14px}.project-card__tech-label{color:var(--text-primary);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.project-card__tech .tag{padding:4px 10px;font-size:.6875rem}.project-card__link{color:var(--accent);align-self:flex-end;align-items:center;gap:4px;margin-top:auto;font-size:.8125rem;font-weight:600;transition:gap .2s;display:inline-flex}.project-card__link:hover{gap:8px}.info-list{flex-direction:column;gap:18px;display:flex}.info-list__item{justify-content:space-between;align-items:flex-start;gap:12px;padding-left:18px;display:flex;position:relative}.info-list__item:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:7px;height:7px;position:absolute;top:8px;left:0}.info-list__content{flex-direction:column;gap:2px;min-width:0;display:flex}.info-list__title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.4}.info-list__subtitle{color:var(--text-muted);font-size:.8125rem}.date-badge{background:var(--tag-bg);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:500}.info-list__item--clickable{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:12px;transition:background-color .2s,border-color .2s}.info-list__item--clickable:hover,.info-list__item--clickable:focus-visible{background:var(--accent-soft);border-color:var(--border);outline:none}.info-list__item--clickable:hover .info-list__title,.info-list__item--clickable:focus-visible .info-list__title{color:var(--accent)}.info-list__hint{color:var(--text-muted);font-size:.75rem}.proof-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.proof-modal__content{background:var(--bg-card);border:1px solid var(--border-strong);width:min(720px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-card);border-radius:16px;position:relative;overflow:auto}.proof-modal__close{z-index:1;border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex;position:absolute;top:12px;right:12px}.proof-modal__close:hover,.proof-modal__close:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.proof-modal__image{object-fit:contain;background:var(--tag-bg);border-bottom:1px solid var(--border);width:100%;max-height:70vh}.proof-modal__footer{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.proof-modal__title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.45}.social-links{flex-direction:column;gap:10px;display:flex}.social-link{background:var(--bg-card);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:500;transition:border-color .2s,color .2s,background .2s;display:flex}.social-link:hover{border-color:var(--accent);color:var(--accent)}.pm-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#080c18bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pm{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:min(640px,100%);max-height:calc(100vh - 48px);display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000038,0 4px 16px #0000001f}.pm-carousel{background:var(--tag-bg);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.pm-image{object-fit:contain;width:100%;max-height:70vh;display:block}.pm-close{z-index:10;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .15s;display:flex;position:absolute;top:12px;right:12px}.pm-close:hover{background:#000000bf;transform:scale(1.08)}.pm-counter{z-index:10;color:#fff;letter-spacing:.04em;pointer-events:none;background:#00000080;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;top:12px;left:12px}.pm-arrow{z-index:10;color:#fff;cursor:pointer;background:#0000006b;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pm-arrow:hover{background:#000000b3}.pm-arrow--left{left:14px}.pm-arrow--left:hover{transform:translateY(-50%)translate(-2px)}.pm-arrow--right{right:14px}.pm-arrow--right:hover{transform:translateY(-50%)translate(2px)}.pm-dots{z-index:10;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pm-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,transform .2s,width .25s}.pm-dot--active{background:#fff;border-radius:999px;width:18px}.pm-body{padding:22px 24px 24px}.pm-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pm-tag{background:var(--tag-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.pm-title{color:var(--text-primary);margin:0 0 8px;font-size:1.2rem;font-weight:700;line-height:1.3}.pm-desc{color:var(--text-secondary);margin:0 0 20px;font-size:.875rem;line-height:1.7}.pm-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.pm-link{color:var(--accent);align-items:center;gap:6px;font-size:.825rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.pm-link:hover{gap:10px}.pm-thumbs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pm-thumb{cursor:pointer;background:var(--tag-bg);border:2px solid #0000;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:0;transition:border-color .2s,transform .15s;overflow:hidden}.pm-thumb:hover{transform:scale(1.06)}.pm-thumb--active{border-color:var(--accent)}.pm-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=960px){.portfolio__main,.projects-grid{grid-template-columns:1fr}}@media (width<=640px){.portfolio{padding:16px 12px 32px}.card{border-radius:16px;padding:22px 20px}.header-card{padding-top:56px}.header-card__profile{text-align:left;flex-direction:column;align-items:flex-start;padding-right:0}.header-card__photo{width:96px;height:96px}.header-card__actions{flex-direction:column;width:100%}.btn{width:100%}.theme-toggle{top:18px;right:18px}.pm-backdrop{align-items:flex-end;padding:12px}.pm{border-radius:20px 20px 16px 16px;width:100%;max-height:92vh}.pm-body{padding:18px 18px 20px}.pm-thumbs{display:none}}