:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:38px;padding:4px;border-radius:999px;background:linear-gradient(180deg,#12161cfa,#181c24f5);border:1px solid rgba(255,255,255,.04);box-shadow:0 10px 28px #00000080 inset,0 6px 18px #00000073;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.theme-toggle.light{background:linear-gradient(180deg,#fff,#f5f8ff);border:1px solid rgba(18,18,20,.06);box-shadow:0 8px 20px #0a0a140a}.theme-toggle.light .toggle-knob{background:linear-gradient(180deg,#fffef6,#fff6e0);box-shadow:0 6px 16px #0a0a140d}.toggle-track{display:block;width:100%;height:100%;position:relative}.toggle-knob{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#fff,#f1f5ff);box-shadow:0 8px 22px #0a0a1414;justify-content:center;transition:transform .28s cubic-bezier(.2,.9,.1,1),background .28s;overflow:hidden}.theme-toggle.dark .toggle-knob{transform:translate(26px);background:linear-gradient(180deg,#fff4e0,#ffdb9e)}.icon{width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .18s ease,transform .18s ease}.theme-toggle.light .icon.sun,.theme-toggle.dark .icon.moon{opacity:1;transform:translate(-50%,-50%) scale(1)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.theme-toggle:focus{outline:2px solid rgba(120,90,255,.18);outline-offset:2px}@media(prefers-reduced-motion:reduce){.theme-toggle,.toggle-knob{transition:none}}@media(max-width:800px){.theme-toggle{top:-7px;left:-20px}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}:root{--bg-dark: hsl(35, 30%, 94%);--bg: hsl(16, 41%, 95%);--bg-light: hsl(35, 20%, 98%);--text: hsl(220, 4%, 14%);--text-muted: hsl(240, 2%, 16%);--highlight: hsl(38, 60%, 95%);--border: hsl(35, 12%, 82%);--border-muted: hsl(35, 12%, 88%);--primary: hsl(34, 75%, 58%);--secondary: hsl(212, 80%, 65%);--danger: hsl(10, 75%, 55%);--warning: hsl(45, 85%, 48%);--success: hsl(146, 60%, 42%);--info: hsl(217, 70%, 52%)}.dark{--bg: hsl(17, 100%, 1%);--bg-dark: hsl(28, 79%, 4%);--bg-light: hsl(28, 79%, 4%);--text: hsl(38, 100%, 90%);--text-muted: hsl(33, 32%, 67%);--highlight: hsl(34, 27%, 36%);--border: hsl(34, 38%, 25%);--border-muted: hsl(36, 63%, 15%);--primary: hsl(34, 59%, 63%);--secondary: hsl(212, 77%, 73%);--danger: hsl(9, 26%, 64%);--warning: hsl(53, 19%, 57%);--success: hsl(147, 17%, 59%);--info: hsl(218, 27%, 65%)}body{background-color:var(--bg);color:var(--text);transition:background .5s,color .5s;background-image:radial-gradient(circle,rgba(16,20,24,.06) 1px,transparent 1px),radial-gradient(circle,rgba(245,160,40,.07) 1px,transparent 1px);background-size:16px 16px,36px 36px;background-position:0 0,8px 8px;background-attachment:fixed}.dark body{background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px)}.leftbar{position:fixed;left:0;top:0;bottom:0;width:280px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem .9rem;background:linear-gradient(180deg,#ffffffa8,#f6f9ff80);border-right:1px solid rgba(18,24,36,.06);box-shadow:0 10px 40px #0a0a140a,inset 0 -6px 18px #00000005;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);z-index:60}.leftbar:not(.dark) .profile-img{background:#ffffff0f}.leftbar:not(.dark) .nav-button{border:1px solid rgba(16,18,24,.06);background:#10121805;color:var(--text-muted)}.leftbar:not(.dark) .nav-button:hover,.leftbar:not(.dark) .nav-button:focus{background:#1012180f;color:var(--primary);box-shadow:0 10px 30px #1012180f;border-color:#1012180f}.dark .leftbar{background:linear-gradient(180deg,#12161c8c,#12161c4d);border-right:1px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000073}.leftbar{border-radius:0 16px 16px 0;background:linear-gradient(180deg,#fffffff5,#fafafcf0);border-right:1px solid var(--border);color:var(--text);box-shadow:0 12px 32px #1014180a}.leftbar-top{width:100%;display:flex;align-items:center;justify-content:center;padding:0 .75rem}.profile-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;width:100%}.profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center;margin-right:.75rem;border:2px solid var(--primary);flex-shrink:0}.profile-text{display:flex;flex-direction:column}.profile-role{font-size:.75rem;color:var(--text)}.profile-name{font-size:1rem;font-weight:700;background:linear-gradient(90deg,#ff9a3c,#ffd166,#000,#ff9a3c,#ffd166);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s linear infinite}.leftbar-nav{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.5rem;margin-top:.75rem;border-radius:.75rem}.nav-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border-radius:.625rem;color:var(--text-muted);text-decoration:none;transition:none;border:1px solid rgba(0,0,0,.04);background:linear-gradient(180deg,#ffffff05,#ffffff03)}.nav-button:not(:last-child){margin-bottom:.35rem}.nav-button:hover,.nav-button:focus{background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:var(--primary);border-color:#785aff1f}.dark .nav-button{border:1px solid rgba(255,255,255,.03);background:transparent}.dark .nav-button:hover,.dark .nav-button:focus{background:linear-gradient(180deg,#ffffff05,#ffffff03)}.nav-icon{width:20px;height:20px;flex-shrink:0;display:block;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media(max-width:768px){.leftbar-nav .nav-button{justify-content:center}.nav-button{width:40px;height:40px;padding:0;gap:0;display:flex;align-items:center;justify-content:center}.nav-icon{display:block}}.nav-label{font-size:.95rem;font-weight:600}.leftbar-bottom{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem}@media(min-width:1025px){body{padding-left:280px}}@media(min-width:769px)and (max-width:1024px){.leftbar{width:92px;overflow:hidden}.nav-label,.profile-text{display:none}.profile-link{justify-content:center;overflow:hidden}.profile-img{margin-right:0}body{padding-left:92px}}@media(max-width:768px){.leftbar{position:fixed;inset:0 0 auto;width:100%;height:64px;flex-direction:row;justify-content:space-between;padding:0 .75rem;border-right:none;border-bottom:1px solid var(--border);border-radius:0}.leftbar-nav{flex-direction:row;gap:.5rem;width:auto;padding:0;margin:0}.profile-link{display:none}.nav-button{width:40px;height:40px;padding:0;gap:0;display:flex;align-items:center;justify-content:center}.nav-label,.profile-role,.profile-name{display:none}.profile-img{width:34px;height:34px}body{padding-top:64px;padding-left:0}}.nav-button[aria-current=page],.nav-button.active{background:linear-gradient(90deg,#785aff0f,#785aff08);color:var(--primary);border-color:#785aff14}html{scroll-behavior:smooth}.main{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100vh;padding:0 1rem;background-color:var(--bg);background-image:radial-gradient(circle,rgba(16,20,24,.06) 1px,transparent 1px),radial-gradient(circle,rgba(245,160,40,.07) 1px,transparent 1px);background-size:16px 16px,36px 36px;background-position:0 0,8px 8px;background-attachment:fixed}.main:before{background:radial-gradient(circle at 30% 30%,rgba(255,200,60,.66) 0%,rgba(255,200,60,.34) 40%,transparent 65%)}.main:after{background:radial-gradient(circle at 60% 40%,rgba(89,121,165,.56) 0%,rgba(80,160,255,.26) 40%,transparent 70%)}.dark .main{background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px)}.main:before,.main:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none;opacity:.9}.main:before{width:1000px;height:1000px;left:78%;top:6%;transform:translate(-50%,-10%);background:radial-gradient(circle at 30% 30%,rgba(255,200,60,.45) 0%,rgba(255,200,60,.2) 40%,transparent 65%);will-change:transform,opacity,filter;animation:float-1 16s ease-in-out infinite alternate}.main:after{width:1660px;height:860px;left:18%;top:82%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,rgba(209,204,106,.45) 0%,rgba(174,155,114,.2) 40%,transparent 65%);will-change:transform,opacity,filter;animation:float-2 20s ease-in-out infinite alternate-reverse}@keyframes float-1{0%{transform:translate(-50%,-10%) translate(0) scale(1) rotate(0);opacity:.9;filter:blur(060px)}20%{transform:translate(-50%,-10%) translate(40px,-72px) scale(1.08) rotate(14deg);opacity:1;filter:blur(120px)}40%{transform:translate(-50%,-10%) translate(-60px,36px) scale(1.05) rotate(-10deg);opacity:.95;filter:blur(180px)}60%{transform:translate(-50%,-10%) translate(26px,-24px) scale(1.07) rotate(10deg);opacity:1;filter:blur(120px)}80%{transform:translate(-50%,-10%) translate(-18px,48px) scale(1.04) rotate(-8deg);opacity:.96;filter:blur(170px)}to{transform:translate(-50%,-10%) translate(0) scale(1) rotate(0);opacity:.9;filter:blur(160px)}}@keyframes float-2{0%{transform:translate(-50%,-50%) translate(0) scale(1) rotate(0);opacity:.9;filter:blur(160px)}20%{transform:translate(-50%,-50%) translate(-48px,56px) scale(1.06) rotate(-12deg);opacity:1;filter:blur(120px)}40%{transform:translate(-50%,-50%) translate(64px,-32px) scale(1.04) rotate(10deg);opacity:.96;filter:blur(170px)}60%{transform:translate(-50%,-50%) translate(-12px,36px) scale(1.05) rotate(-6deg);opacity:1;filter:blur(130px)}80%{transform:translate(-50%,-50%) translate(32px,-18px) scale(1.03) rotate(8deg);opacity:.95;filter:blur(160px)}to{transform:translate(-50%,-50%) translate(0) scale(1) rotate(0);opacity:.9;filter:blur(160px)}}@media(prefers-reduced-motion:reduce){.main:before,.main:after{animation:none;transition:none;transform:none;opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.main:before,.main:after{animation:none;transition:none}}.container{max-width:880px;margin:0 auto;padding:0 1rem}.hero-wrap{position:relative;z-index:1;text-align:center;padding:2.25rem 1.5rem;border-radius:.75rem;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:700px}.hero-title{font-size:clamp(3.75rem,9.5vw,5.75rem);margin:0 0 .5rem;line-height:1.02;max-width:28ch;margin-left:auto;margin-right:auto;color:var(--text);font-weight:700;text-shadow:0 6px 24px rgba(245,180,50,.06)}.hero-sub{color:var(--text-muted);font-size:1.25rem;margin:0;opacity:.95}.hero-actions{display:flex;gap:.65rem;justify-content:center;margin-top:1.25rem}.social-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border-radius:.55rem;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:600;box-shadow:0 6px 18px #0a0a140a;transition:all 1s ease}.social-btn svg{opacity:.95}.social-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0a0a140f}.name-gradient{background:linear-gradient(90deg,#ff9a3c,#ffd166,#edd4ad,#ff9a3c,#ffd166);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:gradientShift 6s linear infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.name-gradient:hover{filter:drop-shadow(0 6px 18px rgba(120,90,255,.12))}@media(prefers-reduced-motion:reduce){.name-gradient{animation:none}}.hero-sub{color:var(--text-muted);font-size:1.125rem;margin:0;opacity:.95}@media(max-width:768px){.main{height:calc(100vh - 64px);padding:0 .75rem;background-position:0 0,6px 6px}.main:before,.main:after{filter:blur(120px)}.main:before{width:520px;height:520px;left:84%;top:6%}.main:after{width:420px;height:420px;left:18%;top:76%}.hero-wrap{padding:1.75rem 1rem;border-radius:.75rem;max-width:92%}.hero-title{font-size:clamp(2.1rem,12vw,3rem)}}.page{position:relative;min-height:calc(100vh - 64px);padding:4rem 0;background-color:var(--bg);background-image:radial-gradient(circle,rgba(16,20,24,.06) 1px,transparent 1px),radial-gradient(circle,rgba(245,160,40,.07) 1px,transparent 1px);background-size:16px 16px,36px 36px;background-position:0 0,8px 8px;overflow:hidden}.dark .page{background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px)}.container{position:relative;z-index:1}.page h1{font-size:2.25rem;margin-bottom:.5rem;color:var(--text)}.page p{color:var(--text-muted);margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 0}.small-card{background:var(--bg-light);border:1px solid var(--border-muted);border-radius:.5rem;padding:5px;text-align:center}.card{background:var(--bg-light);border:1px solid var(--border-muted);border-radius:.75rem;padding:1rem;box-shadow:0 8px 24px #0a0a140a;color:var(--text)}.card h3{margin:0 0 .5rem}.card p{margin:0;color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-card{padding:1rem;background:var(--bg-light);border:1px solid var(--border-muted);border-radius:.5rem}.project-thumb{width:100%;height:180px;overflow:hidden;border-radius:.5rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;background:#00000008}.project-img{width:100%;height:100%;object-fit:cover;display:block}.project-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;background-color:var(--accent);color:var(--text-muted);border-radius:.5rem;font-weight:500;text-decoration:none;transition:background .2s}.project-btn:hover{background-color:var(--accent-hover)}.project-btn svg{stroke:#fff}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.design-card{display:flex;flex-direction:column;background:var(--bg-light);border:1px solid var(--border-muted);border-radius:.75rem;overflow:hidden;padding:0;transition:transform .22s ease,box-shadow .22s ease}.design-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #0a0a140f}.design-thumb{width:100%;height:260px;background:#00000008;display:flex;align-items:center;justify-content:center}.design-img{width:100%;height:100%;object-fit:cover;display:block}.design-card.hugo{grid-column:1 / -1;max-width:720px;margin:0 auto}.design-card.hugo .design-thumb{height:auto;display:flex;align-items:center;justify-content:center;padding:1rem 0}.design-card.hugo .design-img{width:auto;height:320px;object-fit:contain;max-width:100%;display:block}@media(max-width:768px){.design-card.hugo{max-width:none;margin:0}.design-card.hugo .design-thumb{padding:.5rem 0}.design-card.hugo .design-img{width:100%;height:auto;max-height:360px;object-fit:contain}@media(max-width:480px){.design-card.hugo .design-img{max-height:260px}}}.design-body{padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.design-body h3{margin:0 0 .5rem;font-size:1.125rem}.design-body p{margin:0;color:var(--text-muted)}@media(max-width:1024px){.design-thumb{height:220px}}@media(max-width:480px){.design-thumb{height:160px}}.meta-list{margin-top:1rem;color:var(--text-muted)}@media(max-width:1024px){.info-grid,.projects-grid,.design-grid{grid-template-columns:1fr}}@media(max-width:768px){.page{padding:2rem 1rem}.page h1{font-size:clamp(1.6rem,6vw,2rem)}.card{padding:1rem}.cta{padding:.5rem .8rem}.meta-list{font-size:.95rem}.design-thumb{height:200px}.design-body{padding:.85rem}}