.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-full);color:var(--ink);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{transition:transform var(--transition-normal)}.lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line-strong);border-radius:var(--radius-full)}.lang-opt{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 8px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em;color:var(--ink-3);transition:color var(--transition-fast)}.lang-opt:hover{color:var(--ink)}.lang-opt.active{color:var(--accent-ink)}.lang-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--accent);z-index:0}.lang-opt-text{position:relative;z-index:1}.logo{display:inline-flex;align-items:center;gap:10px}.logo-mark{display:block;flex-shrink:0}.logo-bg{fill:var(--ink)}.logo-wave{stroke:var(--accent);opacity:.45;transition:opacity var(--transition-normal)}.logo-dot{fill:var(--accent);transform-box:fill-box;transform-origin:center;transition:transform var(--transition-normal)}.logo:hover .logo-dot-1{transform:translateY(-2px)}.logo:hover .logo-dot-2{transform:translateY(-3px) scale(1.15)}.logo:hover .logo-dot-3{transform:translateY(-2px)}.logo:hover .logo-wave{opacity:.8}.logo-word{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.logo-word-dot{color:var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:background-color var(--transition-normal),border-color var(--transition-normal),backdrop-filter var(--transition-normal);border-bottom:1px solid transparent}.navbar:not(.scrolled){--ink: #f4f3ef;--ink-2: #cfcec6;--ink-3: #a8a69d;--paper: #08090c;--line: rgba(244, 243, 239, .16);--line-strong: rgba(244, 243, 239, .3)}.navbar.scrolled{background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--line)}.navbar-inner{max-width:1360px;margin:0 auto;height:var(--nav-h);padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.navbar-logo{display:inline-flex;align-items:center}.wordmark{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}.wordmark-dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{position:relative;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:4px 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--accent);transition:right var(--transition-normal)}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{right:0}.nav-link.active{color:var(--ink)}.nav-link.active:after{display:none}.nav-marker{position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent)}.nav-right{display:flex;align-items:center;gap:var(--spacing-md)}.nav-cta{padding:.6rem 1.2rem;min-height:40px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.nav-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink)}.nav-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform-origin:0%}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--paper);display:flex;flex-direction:column;padding:var(--spacing-xl)}.mobile-menu-top{height:calc(var(--nav-h) - var(--spacing-xl));display:flex;align-items:center;justify-content:space-between}.mobile-menu-top button{color:var(--ink)}.mobile-links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm)}.mobile-link{display:flex;align-items:baseline;gap:var(--spacing-lg);font-family:var(--font-display);font-size:clamp(2.4rem,12vw,4.5rem);font-weight:600;letter-spacing:-.04em;color:var(--ink);line-height:1.05;transition:color var(--transition-fast)}.mobile-link:hover{color:var(--accent)}.mobile-link-index{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--ink-3)}.mobile-menu-foot{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);border-top:1px solid var(--line)}.mobile-menu-controls{display:flex;align-items:center;gap:var(--spacing-md)}@media (max-width: 900px){.nav-links{display:none}.nav-burger{display:flex}.nav-cta{display:none}.nav-right>.lang-toggle,.nav-right>.theme-toggle{display:none}}@media (min-width: 901px){.mobile-menu{display:none}}.marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{display:flex;align-items:center;gap:var(--spacing-md);padding-right:var(--spacing-md);flex-shrink:0}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{padding-top:var(--spacing-3xl);border-top:1px solid var(--line);overflow:hidden}.footer-marquee{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--line)}.footer-mark{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,5.5rem);font-weight:600;letter-spacing:-.03em;color:var(--ink)}.footer-mark-dot{margin:0 var(--spacing-xl);color:var(--accent);font-size:.5em;transform:translateY(-.15em)}.footer-inner{max-width:1360px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl)}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.footer-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-brand .wordmark{font-size:1.3rem;margin-bottom:var(--spacing-xs)}.footer-brand p{color:var(--ink-3);font-size:.9rem;max-width:32ch}.footer-col-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:var(--spacing-sm)}.footer-col a{position:relative;color:var(--ink-2);font-size:.95rem;width:fit-content;transition:color var(--transition-fast)}.footer-col a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--accent);transition:width var(--transition-normal)}.footer-col a:hover{color:var(--accent-deep)}.footer-col a:hover:after{width:100%}.footer-social-link{display:inline-flex;align-items:center;gap:8px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.footer-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3)}.footer-top-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);transition:color var(--transition-fast)}.footer-top-btn svg{transition:transform var(--transition-fast)}.footer-top-btn:hover{color:var(--accent-deep)}.footer-top-btn:hover svg{transform:translateY(-3px)}@media (max-width: 720px){.footer-cols{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.skeleton-box{background:linear-gradient(90deg,#0a0a0a0d,#0a0a0a1f,#0a0a0a0d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}[data-theme=dark] .skeleton-box{background:linear-gradient(90deg,#f4f3ef0d,#f4f3ef24,#f4f3ef0d);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none}.skeleton-card .project-content,.skeleton-card .timeline-content{display:flex;flex-direction:column;gap:.5rem}.skeleton-card .project-tags,.skeleton-card .blog-tags{display:flex;gap:.5rem}.skeleton-card .project-links{display:flex;gap:.75rem}.skeleton-box.mb-xs{margin-bottom:.25rem}.skeleton-box.mb-sm{margin-bottom:.5rem}.skeleton-box.mb-md{margin-bottom:1rem}.skeleton-box.mb-lg{margin-bottom:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px;grid-column:1 / -1}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state p{color:var(--text-secondary);font-size:1.1rem}.skeleton-image{overflow:hidden}.skeleton-image .skeleton-box{display:block}.bio-skeleton{display:flex;flex-direction:column;gap:.5rem}.skeleton-form{display:flex;flex-direction:column;gap:1.5rem;pointer-events:none}.skeleton-form .form-group{display:flex;flex-direction:column;gap:.5rem}.form-coming-soon{display:flex;align-items:center;justify-content:center;min-height:350px}.coming-soon-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.coming-soon-icon{font-size:3rem}.coming-soon-content h3{font-size:1.5rem;color:var(--text-primary)}.coming-soon-content p{color:var(--text-secondary);max-width:280px}.coming-soon-content .btn{margin-top:.5rem}.hero-skeleton-text{display:flex;flex-direction:column;gap:0}.hero-skeleton-pills{display:flex;gap:.75rem;margin-bottom:1.5rem;margin-top:.5rem}.hero-skeleton-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.hero-skeleton-socials{display:flex;gap:.75rem}.hero-image-skeleton{display:flex;align-items:center;justify-content:center;width:100%}.reveal-text{display:inline}.reveal-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.14em;margin-bottom:-.14em}.reveal-word-inner{display:inline-block;will-change:transform}.dotwave{display:block;width:100%;height:100%}.dotwave-global{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000,#00000080 55%,#00000059)}.hero{--paper: #08090c;--paper-2: #14161b;--ink: #f4f3ef;--ink-2: #b9b8b0;--ink-3: #8b8a81;--line: rgba(244, 243, 239, .14);--line-strong: rgba(244, 243, 239, .28);--accent: #2ee6cf;--accent-deep: #2ee6cf;position:relative;background:#08090c;color:var(--ink);padding:calc(var(--nav-h) + var(--spacing-2xl)) var(--spacing-xl) var(--spacing-xl);min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero>.hero-top,.hero>.hero-body,.hero>.hero-marquee,.hero>.hero-scroll,.hero>.hero-loading,.hero>.hero-figure-loading{position:relative;z-index:1;max-width:1360px;width:100%;margin-left:auto;margin-right:auto}.hero-dotwave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-webkit-mask-image:radial-gradient(ellipse 110% 95% at 55% 52%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 110% 95% at 55% 52%,#000 60%,transparent 100%)}.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:status-pulse 2.2s infinite}@keyframes status-pulse{0%{box-shadow:0 0 #0fbca980}70%{box-shadow:0 0 0 8px #0fbca900}to{box-shadow:0 0 #0fbca900}}.hero-body{display:grid;grid-template-columns:1.25fr auto;gap:var(--spacing-3xl);align-items:center}.hero-left{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.hero-headline{margin:0;max-width:12ch;font-size:clamp(3rem,9vw,7.5rem)}.hero-role{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:500;letter-spacing:-.02em;color:var(--ink);max-width:40ch}.hero-desc{font-size:1.05rem;line-height:1.65;color:var(--ink-2);max-width:48ch}.hero-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-sm)}.hero-socials{display:flex;gap:var(--spacing-sm)}.hero-social{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:var(--radius-full);color:var(--ink);background:color-mix(in srgb,var(--paper) 70%,transparent);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.hero-social:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-3px)}.hero-stats{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--line)}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-num{font-family:var(--font-display);font-size:1.9rem;font-weight:600;letter-spacing:-.03em;color:var(--accent-deep)}.hero-stat-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.hero-figure{margin:0;width:min(320px,40vw)}.hero-portrait{position:relative;width:100%}.corner{position:absolute;width:18px;height:18px;border:2px solid var(--accent);z-index:2}.corner-tl{top:-8px;left:-8px;border-right:0;border-bottom:0}.corner-tr{top:-8px;right:-8px;border-left:0;border-bottom:0}.corner-bl{bottom:-8px;left:-8px;border-right:0;border-top:0}.corner-br{bottom:-8px;right:-8px;border-left:0;border-top:0}.hero-portrait-media{aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-2)}.hero-portrait-media img{width:100%;height:100%;object-fit:cover}.hero-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--paper-2)}.hero-figure-cap{display:flex;justify-content:space-between;margin-top:var(--spacing-md);font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.hero-figure-avail{color:var(--accent-deep)}.hero-marquee{margin-top:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-kw{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--ink);letter-spacing:-.02em}.hero-kw-sep{margin:0 var(--spacing-lg);color:var(--accent)}.hero-scroll{display:inline-flex;align-items:center;gap:8px;margin-top:var(--spacing-xl);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);align-self:flex-start;transition:color var(--transition-fast)}.hero-scroll:hover{color:var(--accent)}.hero-figure-loading{max-width:320px;margin-top:var(--spacing-xl)}@media (max-width: 860px){.hero-body{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-figure{order:-1;width:min(240px,60vw)}.hero-headline{max-width:100%}}@media (max-width: 560px){.hero-stats{gap:var(--spacing-xl);flex-wrap:wrap}}.section-header{margin-bottom:var(--spacing-3xl)}.section-header-meta{display:flex;align-items:baseline;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.section-index{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--accent);letter-spacing:.05em}.section-header-rule{display:block;width:100%;height:1px;background:var(--line-strong);transform-origin:left;margin-bottom:var(--spacing-xl)}.section-header-title{font-size:clamp(2rem,5.5vw,4.2rem);max-width:16ch;letter-spacing:-.035em}.section-header-kicker{margin-top:var(--spacing-lg);max-width:46ch;color:var(--ink-2);font-size:1.05rem;line-height:1.6}.section-header.align-center{text-align:center}.section-header.align-center .section-header-meta{justify-content:center}.section-header.align-center .section-header-title,.section-header.align-center .section-header-kicker{margin-left:auto;margin-right:auto}.section-header.align-right{text-align:right}.section-header.align-right .section-header-meta{justify-content:flex-end}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-3xl);align-items:start;margin-bottom:var(--spacing-4xl)}.about-bio p{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:400;line-height:1.4;letter-spacing:-.02em;color:var(--ink);white-space:pre-line}.about-meta{display:flex;flex-direction:column;position:sticky;top:calc(var(--nav-h) + var(--spacing-lg))}.meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--line)}.meta-row:first-child{border-top:1px solid var(--line)}.meta-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.meta-value{font-size:.95rem;font-weight:500;color:var(--ink);text-align:right}.about-exp-head{margin-bottom:var(--spacing-lg)}.exp-row{position:relative;display:grid;grid-template-columns:160px 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) 0}.exp-row>.rule{position:absolute;top:0;left:0}.exp-date{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3);padding-top:4px}.exp-title{font-size:1.4rem;margin-bottom:2px}.exp-sub{display:block;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:var(--spacing-sm)}.exp-desc{color:var(--ink-2);line-height:1.65;max-width:62ch}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-meta{position:static}}@media (max-width: 620px){.exp-row{grid-template-columns:1fr;gap:var(--spacing-sm)}}.skill-cat{position:relative;display:grid;grid-template-columns:260px 1fr;gap:var(--spacing-3xl);padding:var(--spacing-2xl) 0;align-items:start}.skill-cat>.rule{position:absolute;top:0;left:0}.skill-cat-head{display:flex;align-items:baseline;gap:var(--spacing-md)}.skill-cat-index{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.skill-cat-name{font-size:1.6rem;letter-spacing:-.03em}.skill-cat-count{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3)}.skill-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg) var(--spacing-2xl)}.skill-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-item-top{display:flex;justify-content:space-between;align-items:baseline}.skill-item-name{font-size:.98rem;font-weight:500;color:var(--ink)}.skill-item-lvl{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3)}.skill-track{height:2px;background:var(--line);overflow:hidden}.skill-fill{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left}.skills-marquee{margin-top:var(--spacing-3xl);padding-top:var(--spacing-lg);border-top:1px solid var(--line)}.skills-kw{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.skills-kw-dot{margin:0 var(--spacing-lg);color:var(--accent)}@media (max-width: 820px){.skill-cat{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width: 520px){.skill-items{grid-template-columns:1fr}}.proj-blocks{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.proj-block{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--spacing-3xl);align-items:center}.proj-block.reverse{direction:rtl}.proj-block.reverse>*{direction:ltr}.proj-media{position:relative;aspect-ratio:16 / 11;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper-2)}.proj-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.proj-block:hover .proj-media img{transform:scale(1.04)}.proj-tag-featured{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:4px 10px;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.proj-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.proj-index{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.proj-title{font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.03em;line-height:1.05}.proj-desc{color:var(--ink-2);line-height:1.7;max-width:52ch}.proj-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.proj-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.proj-link{display:inline-flex;align-items:center;gap:7px;padding:.6rem 1.1rem;border:1px solid var(--line-strong);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--ink);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.proj-link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.proj-all{margin-top:var(--spacing-4xl)}.proj-all-link{display:inline-flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);font-family:var(--font-display);font-size:clamp(1.6rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);transition:color var(--transition-fast)}.proj-all-link svg{transition:transform var(--transition-normal)}.proj-all-link:hover{color:var(--accent)}.proj-all-link:hover svg{transform:translate(6px,-6px)}@media (max-width: 860px){.proj-block,.proj-block.reverse{grid-template-columns:1fr;direction:ltr;gap:var(--spacing-lg)}}.post-list{position:relative}.post-row{position:relative;display:grid;grid-template-columns:140px 1fr auto;gap:var(--spacing-xl);padding:var(--spacing-xl) 0;align-items:start;transition:padding-left var(--transition-fast)}.post-row>.rule{position:absolute;bottom:0;left:0}.post-row:hover{padding-left:var(--spacing-md)}.post-date{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3);padding-top:6px;white-space:nowrap}.post-title{font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.post-row:hover .post-title{color:var(--accent)}.post-excerpt{color:var(--ink-2);line-height:1.6;max-width:60ch;margin-bottom:var(--spacing-md)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.post-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink-3);transition:transform var(--transition-fast),color var(--transition-fast)}.post-row:hover .post-arrow{color:var(--accent);transform:translate(4px,-4px)}.blog-all{margin-top:var(--spacing-3xl)}.blog-all-link{display:inline-flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-display);font-size:clamp(1.6rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);transition:color var(--transition-fast)}.blog-all-link svg{transition:transform var(--transition-normal)}.blog-all-link:hover{color:var(--accent)}.blog-all-link:hover svg{transform:translate(6px,-6px)}@media (max-width: 680px){.post-row{grid-template-columns:1fr auto;gap:var(--spacing-sm) var(--spacing-md)}.post-date{grid-column:1 / -1}}.contact{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.contact-box{--paper: #08090c;--ink: #f4f3ef;--ink-2: #b9b8b0;--ink-3: #8b8a81;--accent: #2ee6cf;position:relative;background:#08090c;border:1px solid rgba(46,230,207,.22);border-radius:var(--radius-md);padding:clamp(3rem,8vw,7rem) var(--spacing-xl);overflow:hidden;color:var(--ink)}.contact-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(rgba(46,230,207,.16) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 85%);pointer-events:none}.corner{position:absolute;width:20px;height:20px;border:2px solid var(--accent);z-index:2}.contact-box .corner-tl{top:14px;left:14px;border-right:0;border-bottom:0}.contact-box .corner-tr{top:14px;right:14px;border-left:0;border-bottom:0}.contact-box .corner-bl{bottom:14px;left:14px;border-right:0;border-top:0}.contact-box .corner-br{bottom:14px;right:14px;border-left:0;border-top:0}.contact-box-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.contact-big{font-size:clamp(2.4rem,7vw,5.5rem);font-weight:600;letter-spacing:-.04em;line-height:1}.contact-cta{display:inline-flex;align-items:center;gap:8px;margin-top:var(--spacing-md);padding:.9rem 1.8rem;border:1px solid var(--accent);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);transition:background-color var(--transition-fast),color var(--transition-fast)}.contact-cta svg{transition:transform var(--transition-fast)}.contact-cta:hover{background:var(--accent);color:var(--accent-ink)}.contact-cta:hover svg{transform:translate(3px,-3px)}.contact-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--line)}.contact-loc{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3)}.contact-socials{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.contact-social{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:var(--ink-2);transition:color var(--transition-fast)}.contact-social:hover{color:var(--accent-deep)}.band{position:relative;border-top:1px solid var(--line-strong)}.band-a{background:var(--paper)}.band-b{background:var(--paper-2)}.band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--line) 1px,transparent 1.4px);background-size:26px 26px;opacity:.6;-webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000,transparent 75%)}.band>*{position:relative;z-index:1}.band:after{content:"";position:absolute;top:-1px;left:0;width:14px;height:14px;border-left:1px solid var(--accent);border-top:1px solid var(--accent);opacity:.6;pointer-events:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent);transform-origin:0%;z-index:1200}.blog-post-container{max-width:760px;margin:0 auto;padding:calc(var(--nav-h) + var(--spacing-2xl)) var(--spacing-xl) var(--spacing-4xl);min-height:100vh}.blog-post-container.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-lg)}.blog-post-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--line)}.blog-post-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.meta-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3)}.blog-post-header h1{font-size:clamp(2.2rem,6vw,4rem);margin-bottom:var(--spacing-lg);letter-spacing:-.035em;line-height:1.02}.blog-post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.blog-post-cover{margin-top:var(--spacing-xl);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}.blog-post-cover img{width:100%;max-height:440px;object-fit:cover}.blog-post-content{font-size:1.14rem}.blog-post-footer{margin-top:var(--spacing-4xl);padding-top:var(--spacing-xl);border-top:1px solid var(--line)}.share-section{padding:var(--spacing-xl);text-align:center;border-radius:var(--radius-md)}.share-section p{margin-bottom:var(--spacing-lg);color:var(--ink-2);font-family:var(--font-mono);font-size:.85rem}.share-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 768px){.share-buttons{flex-direction:column}}.hover-list{position:relative}.hover-row{position:relative;display:grid;grid-template-columns:3rem 1fr auto auto;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;transition:padding-left var(--transition-fast)}.hover-row>.rule{position:absolute;bottom:0;left:0}.hover-row:hover{padding-left:var(--spacing-md)}.hover-index{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3);transition:color var(--transition-fast)}.hover-row:hover .hover-index{color:var(--accent)}.hover-row-thumb{display:none;width:64px;height:44px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}.hover-row-thumb img{width:100%;height:100%;object-fit:cover}.hover-title{font-size:clamp(1.5rem,4vw,2.8rem);font-weight:500;letter-spacing:-.03em;transition:color var(--transition-fast),transform var(--transition-fast)}.hover-row:hover .hover-title{color:var(--accent)}.hover-cat{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);white-space:nowrap}.hover-actions{display:flex;gap:var(--spacing-sm)}.hover-action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-full);color:var(--ink);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.hover-action:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.hover-preview{position:fixed;top:0;left:0;width:340px;height:240px;transform:translate(-50%,-50%);pointer-events:none;z-index:40;overflow:hidden;border-radius:var(--radius-md)}.hover-preview img{width:100%;height:100%;object-fit:cover;box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}@media (max-width: 768px){.hover-row{grid-template-columns:auto 1fr;grid-template-areas:"index title" "thumb meta";gap:var(--spacing-sm) var(--spacing-md)}.hover-index{grid-area:index}.hover-title{grid-area:title}.hover-row-thumb{display:block;grid-area:thumb}.hover-cat{grid-area:meta}.hover-actions{grid-column:1 / -1;margin-top:var(--spacing-sm)}}.projects-page{min-height:100vh;max-width:1360px;margin:0 auto;padding:calc(var(--nav-h) + var(--spacing-2xl)) var(--spacing-xl) var(--spacing-4xl)}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:var(--spacing-xl);transition:color var(--transition-fast)}.back-link:hover{color:var(--accent)}.page-head{margin-bottom:var(--spacing-2xl)}.page-head .eyebrow{margin-bottom:var(--spacing-md)}.page-title{font-size:clamp(3rem,10vw,8rem);margin-bottom:var(--spacing-md)}.page-sub{color:var(--ink-2);font-size:1.1rem;max-width:46ch}.page-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:var(--nav-h);background:var(--paper);z-index:20}.filter-search{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--ink-3);min-width:240px;flex:1;max-width:320px}.filter-search .input-field{padding:.4rem 0;border-bottom-color:var(--line)}.filter-cats{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-btn{padding:6px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.filter-btn:hover{border-color:var(--ink);color:var(--ink)}.filter-btn.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.no-results{padding:var(--spacing-4xl) 0;text-align:center;color:var(--ink-3);font-family:var(--font-mono)}.page-loading{display:flex;flex-direction:column;gap:var(--spacing-xl);padding-top:var(--spacing-lg)}.loading-row{display:flex;align-items:center;gap:var(--spacing-lg)}@media (max-width: 620px){.page-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-search{max-width:none}}.blog-page{min-height:100vh;max-width:1360px;margin:0 auto;padding:calc(var(--nav-h) + var(--spacing-2xl)) var(--spacing-xl) var(--spacing-4xl)}.blog-page .post-read{display:block;margin-top:4px;color:var(--accent);font-size:.72rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.login-card{width:100%;max-width:420px;padding:var(--spacing-2xl);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:#fff;box-shadow:none}.login-header h1{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{margin-bottom:var(--spacing-xl)}.login-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:.9rem;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary)}.password-input-wrapper{position:relative}.password-input-wrapper .input-field{padding-right:50px}.password-toggle{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);padding:var(--spacing-xs);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-primary)}.login-btn{width:100%;padding:var(--spacing-lg)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-hint{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.login-hint p{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.login-hint code{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);color:var(--accent-primary)}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.login-bg-orb-1{width:400px;height:400px;background:#0fbca940;top:-100px;right:-100px}.login-bg-orb-2{width:300px;height:300px;background:#0fbca933;bottom:-50px;left:-50px}.dashboard-header{margin-bottom:var(--spacing-2xl)}.dashboard-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.dashboard-header p{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);position:relative}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.stat-info{flex:1}.stat-value{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.stat-link{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--text-muted);transition:color var(--transition-fast)}.stat-link:hover{color:var(--accent-primary)}.quick-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.quick-action{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);color:var(--text-primary);font-weight:500}.quick-action:hover{background:var(--gradient-primary);border-color:transparent}.dashboard-section{margin-bottom:var(--spacing-2xl)}.dashboard-section h2{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin-bottom:0}.view-all{font-size:.9rem;color:var(--accent-primary)}.view-all:hover{text-decoration:underline}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.item-info h4{font-size:1rem;margin-bottom:var(--spacing-xs)}.item-date,.item-category{font-size:.8rem;color:var(--text-muted)}.item-tags{display:flex;gap:var(--spacing-xs)}.featured-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.75rem;color:#fbbf24}@media (max-width: 768px){.dashboard-content{grid-template-columns:1fr}}.blog-editor{max-width:900px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;transition:color var(--transition-fast)}.back-btn:hover{color:var(--text-primary)}.editor-actions{display:flex;gap:var(--spacing-sm)}.toggle-btn{padding:var(--spacing-sm) var(--spacing-lg)}.toggle-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.editor-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.content-editor{min-height:400px;font-family:var(--font-mono);font-size:.95rem;line-height:1.6}.tags-input-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.editable-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;border-radius:50%;transition:background var(--transition-fast)}.editable-tag button:hover{background:#fff3}.add-tag-form{display:flex;gap:var(--spacing-sm)}.tag-input{max-width:200px}.form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.cover-image-upload{width:100%}.cover-upload-placeholder{width:100%;height:160px;border:2px dashed var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:transparent;font-size:.9rem}.cover-upload-placeholder:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#0fbca90d}.cover-image-preview{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden}.cover-image-preview img{width:100%;height:200px;object-fit:cover;display:block}.cover-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast)}.cover-image-preview:hover .cover-image-overlay{opacity:1}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.preview-container{padding:var(--spacing-2xl)}.preview-container h1{margin-bottom:var(--spacing-md)}.preview-excerpt{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.preview-tags{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.posts-list-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--glass-border)}.posts-list-section h2{margin-bottom:var(--spacing-lg)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-posts{text-align:center;color:var(--text-muted);padding:var(--spacing-2xl)}.post-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.post-info h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.post-date{font-size:.8rem;color:var(--text-muted)}.post-tags{display:flex;gap:var(--spacing-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.delete-modal h3{margin-bottom:var(--spacing-md);color:#f87171}.projects-manager{max-width:1000px}.project-form-container{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);overflow:hidden}.project-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}select.input-field{cursor:pointer}.tags-input{display:flex;flex-direction:column;gap:var(--spacing-md)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.editable-tag{display:flex;align-items:center;gap:4px}.editable-tag button{color:inherit}.add-tag{display:flex;gap:var(--spacing-sm)}.add-tag input{max-width:150px}.checkbox-group{padding-top:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);font-size:.95rem}.checkbox-label input{width:18px;height:18px;cursor:pointer}.checkbox-label svg{color:#fbbf24}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.project-card{display:flex;flex-direction:column;overflow:hidden;position:relative}.project-image{height:150px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.featured-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:4px;padding:4px 10px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:.75rem;color:#fbbf24}.project-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.project-header h3{font-size:1.1rem}.project-category{font-size:.75rem;padding:2px 8px;background:var(--gradient-primary);border-radius:var(--radius-full);white-space:nowrap}.project-content p{color:var(--text-secondary);font-size:.9rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.project-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.project-links a{color:var(--text-muted);transition:color var(--transition-fast)}.project-links a:hover{color:var(--accent-primary)}.project-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--glass-border)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}@media (max-width: 768px){.form-row,.projects-grid{grid-template-columns:1fr}}.skills-manager{max-width:900px}.skills-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.skill-form-container{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);overflow:hidden}.skill-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.range-input{width:100%;height:8px;border-radius:var(--radius-full);background:var(--bg-tertiary);outline:none;-webkit-appearance:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 0 10px #0fbca980}.range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none}.level-preview{margin-top:var(--spacing-sm);height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.level-preview .level-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-fast)}.skills-category-group{margin-bottom:var(--spacing-xl)}.category-title{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.skill-item{padding:var(--spacing-md)}.skill-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.skill-name{font-weight:600;font-size:.95rem}.skill-level{font-size:.8rem;color:var(--text-muted)}.skill-bar-container{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.skill-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.skill-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.empty-state{padding:var(--spacing-3xl);text-align:center;color:var(--text-muted)}@media (max-width: 768px){.form-row,.skills-grid{grid-template-columns:1fr}}.experience-manager{max-width:900px}.error-message{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171}.error-message button{color:#f87171;padding:var(--spacing-xs)}.experience-form-container{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);overflow:hidden}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.form-header h2{font-size:1.25rem}.close-btn{color:var(--text-muted);padding:var(--spacing-xs);transition:color var(--transition-fast)}.close-btn:hover{color:var(--text-primary)}.experience-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary)}.textarea-field{resize:vertical;min-height:80px;font-family:inherit}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.experience-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.experience-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);align-items:flex-start;transition:all var(--transition-fast)}.experience-item:hover{border-color:var(--accent-primary)}.experience-icon-wrapper{flex-shrink:0}.experience-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.experience-icon.work{background:#0fbca926;color:var(--accent-primary)}.experience-icon.edu{background:#0fbca926;color:#0fbca9}.experience-info{flex:1;min-width:0}.experience-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.experience-date{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-muted)}.experience-order{font-size:.75rem;color:var(--text-muted);background:var(--glass-bg);padding:2px 8px;border-radius:var(--radius-full)}.experience-info h3{font-size:1.05rem;margin-bottom:2px}.experience-subtitle{font-size:.9rem;color:var(--accent-primary)}.experience-desc{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:1.5}.experience-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.action-btn{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.action-btn.edit:hover{background:#0fbca933;color:var(--accent-primary)}.action-btn.delete:hover{background:#ef444433;color:#f87171}.empty-state{padding:var(--spacing-3xl);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{max-width:400px;padding:var(--spacing-xl);text-align:center}.delete-modal h3{color:#f87171;margin-bottom:var(--spacing-md)}.delete-modal p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-danger{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}@media (max-width: 768px){.form-row,.form-row-3{grid-template-columns:1fr}.experience-item{flex-direction:column}.experience-actions{flex-direction:row;align-self:flex-end}}.profile-manager{max-width:800px}.manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.manager-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.manager-header p{color:var(--text-secondary)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{padding:var(--spacing-xl)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border);color:var(--accent-primary)}.section-header h2{font-size:1.1rem;color:var(--text-primary);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group.full-width{grid-column:span 2}.form-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group label svg{color:var(--accent-primary)}.form-group textarea{resize:vertical;min-height:100px}.loading-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-image-upload{display:flex;align-items:center;gap:var(--spacing-xl)}.profile-image-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--glass-border);flex-shrink:0;background:var(--glass-bg)}.profile-image-preview img{width:100%;height:100%;object-fit:cover}.image-placeholder-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:#0fbca91a}.image-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:50%}.profile-image-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-image-actions .btn{width:fit-content}.image-hint{font-size:.8rem;color:var(--text-muted);margin-top:var(--spacing-xs)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.manager-header{flex-direction:column}.manager-header .btn{width:100%}.profile-image-upload{flex-direction:column;text-align:center}.profile-image-actions{align-items:center}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;padding:var(--spacing-xl);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;border-radius:0;border-right:1px solid var(--glass-border);border-left:none;border-top:none;border-bottom:none;box-shadow:none}.admin-sidebar:before{border-radius:0;padding:0;background:none}.sidebar-header{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--glass-border);margin-bottom:var(--spacing-xl)}.admin-avatar{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:none;flex-shrink:0}.admin-info h3{font-size:1rem;margin-bottom:2px}.admin-info span{font-size:.8rem;color:var(--text-muted)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-link{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar-link:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.sidebar-link.active{color:#fff}.sidebar-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:var(--gradient-primary);box-shadow:none;z-index:0}.sidebar-link svg,.sidebar-link .sidebar-link-text{position:relative;z-index:1}.sidebar-footer{padding-top:var(--spacing-xl);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.logout-btn{width:100%;text-align:left}.logout-btn:hover{background:#ef444433;color:#ef4444}.admin-main{flex:1;margin-left:260px;padding:var(--spacing-xl);min-height:100vh}.admin-content{max-width:1200px;margin:0 auto}@media (max-width: 768px){.admin-sidebar{width:100%;position:relative;border-right:none;border-bottom:1px solid var(--glass-border)}.admin-main{margin-left:0}.admin-layout{flex-direction:column}}:root{--paper: #f4f3ef;--paper-2: #eae8e1;--paper-3: #ffffff;--ink: #0a0a0a;--ink-2: #45443f;--ink-3: #86847b;--line: rgba(10, 10, 10, .14);--line-strong: rgba(10, 10, 10, .28);--accent: #0fbca9;--accent-deep: #0a8577;--accent-bright: #2cf0d6;--accent-ink: #04201c;--bg-primary: var(--paper);--bg-secondary: var(--paper-2);--bg-tertiary: var(--paper-3);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--ink-3);--accent-primary: var(--accent);--accent-primary-strong: var(--accent);--accent-secondary: var(--accent);--accent-tertiary: var(--accent);--glass-bg: var(--paper-3);--glass-bg-hover: var(--paper-3);--glass-border: var(--line);--glass-border-hover: var(--line-strong);--gradient-primary: var(--accent);--gradient-text: var(--accent);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 5rem;--spacing-4xl: 8rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(10, 10, 10, .06);--shadow-md: 0 10px 30px -12px rgba(10, 10, 10, .18);--shadow-lg: 0 30px 60px -20px rgba(10, 10, 10, .25);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .2s cubic-bezier(.22, 1, .36, 1);--transition-normal: .4s cubic-bezier(.22, 1, .36, 1);--transition-slow: .7s cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--focus-ring: 0 0 0 3px rgba(15, 188, 169, .45);--nav-h: 76px}[data-theme=dark]{--paper: #0a0a0a;--paper-2: #141414;--paper-3: #1b1b1b;--ink: #f4f3ef;--ink-2: #b7b6ae;--ink-3: #78766e;--line: rgba(244, 243, 239, .16);--line-strong: rgba(244, 243, 239, .32);--accent: #2ee6cf;--accent-deep: #2ee6cf;--accent-bright: #5bfbe6;--accent-ink: #04201c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 30px 60px -20px rgba(0, 0, 0, .7);--focus-ring: 0 0 0 3px rgba(46, 230, 207, .5)}body,.btn,.input-field,.navbar,.editorial-panel{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;background:var(--paper)}body{font-family:var(--font-sans);background:transparent;color:var(--ink);line-height:1.55;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.02;letter-spacing:-.03em;color:var(--ink)}h1{font-size:clamp(2.6rem,7vw,6rem)}h2{font-size:clamp(2rem,5vw,3.6rem)}h3{font-size:clamp(1.4rem,3vw,2rem)}h4{font-size:1.2rem;letter-spacing:-.02em}p{text-wrap:pretty}.display{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,11vw,10rem);line-height:.94;letter-spacing:-.045em}.eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.eyebrow:before{content:"";width:22px;height:1px;background:var(--ink-3)}.gradient-text,.accent-text{color:var(--accent);-webkit-text-fill-color:currentColor}.rule{width:100%;height:1px;background:var(--line);border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.9rem 1.6rem;font-size:.92rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-full);border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);min-height:46px;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn svg{transition:transform var(--transition-fast)}.btn:hover svg{transform:translate(3px,-3px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:var(--ink);color:var(--paper)}.input-field{width:100%;padding:.85rem .25rem;background:transparent;border:none;border-bottom:1px solid var(--line-strong);border-radius:0;color:var(--ink);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-bottom-color:var(--accent);box-shadow:none}.input-field::placeholder{color:var(--ink-3)}textarea.input-field{resize:vertical;min-height:120px}.input-boxed{padding:.8rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-3)}.input-boxed:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-full);font-size:.7rem;font-weight:500;font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}.glass-card,.editorial-panel{position:relative;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{border-color:var(--line-strong)}.error-message{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#dc262614;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-sm);color:#dc2626;margin-bottom:var(--spacing-lg)}.error-message button{color:#dc2626;padding:var(--spacing-xs)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section{padding:var(--spacing-4xl) var(--spacing-xl);max-width:1360px;margin:0 auto;position:relative}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-full);border:2px solid var(--paper-2)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (max-width: 768px){.section{padding:var(--spacing-3xl) var(--spacing-lg)}.grid-2,.grid-3{grid-template-columns:1fr}}.markdown-content{line-height:1.8;font-size:1.12rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{font-family:var(--font-display)}.markdown-content h1{font-size:1.9rem;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.markdown-content h2{font-size:1.5rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.markdown-content h3{font-size:1.2rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.markdown-content p{margin-bottom:var(--spacing-lg);color:var(--ink-2)}.markdown-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.markdown-content ul,.markdown-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.markdown-content li{margin-bottom:var(--spacing-sm);color:var(--ink-2)}.markdown-content ul li{list-style-type:disc}.markdown-content ol li{list-style-type:decimal}.markdown-content pre{background:#0a0a0a!important;color:#f4f3ef;padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--line);overflow-x:auto;margin-bottom:var(--spacing-lg)}.markdown-content code{font-family:var(--font-mono);font-size:.88em}.markdown-content p code{background:var(--paper-2);padding:2px 6px;border-radius:4px;color:var(--accent)}.markdown-content blockquote{border-left:2px solid var(--accent);padding:var(--spacing-sm) var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--ink-3);font-style:italic}.markdown-content img{border-radius:var(--radius-sm);margin:var(--spacing-lg) 0}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.markdown-content th,.markdown-content td{padding:var(--spacing-md);border:1px solid var(--line);text-align:left}.markdown-content th{background:var(--paper-2);font-family:var(--font-mono);font-size:.85rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}