:root{--bg-base: #0a0a0a;--bg-mid: #121211;--bg-late: #1a1a17;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--surface-strong: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f5f5f0;--text-muted: #888888;--text-soft: #cccccc;--accent: #E8B547;--accent-2: #ffd166;--accent-soft: rgba(232, 181, 71, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius: 14px;--radius-sm: 8px;--icon-tint: invert(1)}:root[data-theme=light]{--bg-base: #faf8f3;--bg-mid: #f0eee8;--bg-late: #e6e3da;--surface: rgba(0, 0, 0, .04);--surface-hover: rgba(0, 0, 0, .07);--surface-strong: rgba(0, 0, 0, .09);--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--text: #14140f;--text-muted: #5a5a55;--text-soft: #2a2a25;--accent: #9B6A1A;--accent-2: #7c5212;--accent-soft: rgba(155, 106, 26, .12);--shadow: 0 8px 24px rgba(20, 16, 8, .1);--icon-tint: none}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);overflow-x:hidden;min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(232,181,71,.06),transparent 60%),radial-gradient(900px 500px at 80% 100%,rgba(255,209,102,.04),transparent 60%),linear-gradient(180deg,var(--bg-base) 0%,var(--bg-mid) 50%,var(--bg-late) 100%);background-attachment:fixed;position:relative}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}nav{position:fixed;top:0;left:0;right:0;padding:16px 50px;display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--bg-base) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border)}.logo-container{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);transition:transform .25s ease;display:block}.logo-container:hover{transform:scale(1.08)}.logo-img{width:100%;height:100%;object-fit:cover;display:block}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{color:var(--text);text-decoration:none;font-size:15px;padding:6px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent);border-bottom-color:var(--accent)}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--accent);transform:rotate(15deg)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}:root[data-theme=light] .theme-toggle .icon-sun{display:block}:root[data-theme=light] .theme-toggle .icon-moon{display:none}section{padding:96px 50px;position:relative;z-index:1}section+section{border-top:1px solid var(--border)}.content-section{max-width:1200px;width:100%;margin:0 auto}.section-title{font-size:38px;margin-bottom:32px;color:var(--text);letter-spacing:-.01em}.section-title:after{content:"";display:block;width:56px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;margin-top:12px}.hero{min-height:100vh;padding-top:140px;padding-bottom:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-container{background:var(--surface);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:48px 40px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);max-width:760px;width:100%}.status-pill{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);margin-bottom:20px}.hero h1{font-size:56px;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .7s ease}.hero-subtitle{font-size:22px;color:var(--text);font-weight:500;margin-bottom:12px;animation:fadeInUp .7s ease .1s backwards}.hero-tagline{font-size:17px;color:var(--text-muted);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto;animation:fadeInUp .7s ease .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;animation:fadeInUp .7s ease .3s backwards}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);text-decoration:none;font-size:15px;font-weight:600;transition:transform .2s,background .2s,border-color .2s,color .2s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--bg-base)}.btn-primary:hover{transform:translateY(-2px);background:var(--accent-2)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-small{padding:8px 14px;font-size:13px;background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-small:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.btn-primary-small{background:var(--accent);color:var(--bg-base);border-color:var(--accent)}.btn-primary-small:hover{background:var(--accent-2);color:var(--bg-base)}.social-links{display:flex;gap:18px;justify-content:center;animation:fadeInUp .7s ease .4s backwards}.social-links a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);transition:transform .2s,border-color .2s,background .2s;overflow:hidden}.social-links a:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--surface-hover)}.social-icon{width:18px;height:18px;object-fit:contain;filter:var(--icon-tint)}.about-content{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}.about-image{width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.about-text p{font-size:16.5px;line-height:1.7;color:var(--text-soft);margin-bottom:14px}.about-text p.lead{font-size:18px;color:var(--text)}.about-text p strong{color:var(--accent);font-weight:600}.about-text p:last-of-type{margin-bottom:0}.about-currently{margin-top:24px;padding:16px 18px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:14.5px;line-height:1.6;color:var(--text-soft)}.about-currently strong{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-weight:700}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.about-stat{padding:22px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:transform .2s,border-color .2s,background .2s}.about-stat:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--surface-hover)}.about-stat-value{display:block;font-size:26px;font-weight:700;color:var(--accent);line-height:1.2;letter-spacing:-.01em}.about-stat-label{display:block;font-size:12.5px;color:var(--text-muted);margin-top:8px;letter-spacing:.02em}@media(max-width:640px){.about-stats{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:border-color .2s,transform .2s}.skill-group:hover{border-color:var(--accent);transform:translateY(-3px)}.skill-group h3{color:var(--accent);font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);font-size:12.5px;color:var(--text);font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:var(--surface);padding:26px;border-radius:var(--radius);border:1px solid var(--border);transition:transform .2s,border-color .2s,background .2s}.card:hover{transform:translateY(-4px);background:var(--surface-hover);border-color:var(--accent)}.card h3{font-size:19px;margin-bottom:6px;color:var(--text)}.card .date{color:var(--accent);font-size:13px;font-weight:600;margin-bottom:12px;letter-spacing:.01em}.card p{color:var(--text-soft);line-height:1.6}.card .text-muted{color:var(--text-muted);font-size:14px;margin-top:6px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:24px}.project-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow)}.project-thumbnail{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg-mid),var(--bg-late));display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.project-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.project-thumbnail--placeholder{background:radial-gradient(circle at 30% 30%,var(--accent-soft),transparent 60%),linear-gradient(135deg,var(--bg-mid),var(--bg-late))}.thumb-emoji{font-size:56px;opacity:.85}.project-info{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.award-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:var(--bg-base);font-size:12px;font-weight:700;letter-spacing:.02em}.project-info h3{color:var(--text);font-size:20px;line-height:1.3}.project-info p{color:var(--text-soft);font-size:14.5px;line-height:1.6;flex:1}.project-links{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}footer{padding:32px 50px 40px;text-align:center;color:var(--text-muted);font-size:14px;border-top:1px solid var(--border);position:relative;z-index:1}footer a{color:var(--text);text-decoration:none;transition:color .2s}footer a:hover{color:var(--accent)}@media(max-width:900px){.about-content{grid-template-columns:1fr;gap:32px}.about-image{max-width:280px;margin:0 auto}}@media(max-width:768px){nav{padding:14px 18px}.nav-links{gap:16px;font-size:14px}.nav-links a{font-size:14px}section{padding:72px 20px}.hero{padding-top:120px}.hero-container{padding:32px 22px}.hero h1{font-size:38px}.hero-subtitle{font-size:18px}.hero-tagline{font-size:15px}.section-title{font-size:30px;margin-bottom:24px}.cta-row{flex-direction:column;align-items:stretch}.btn{justify-content:center}}@media(max-width:520px){.nav-links{display:none}}