:root{--bg:#fbfbfd;--surface:#fff;--surface-alt:#f5f5f7;--surface-card:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#0071e31a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 30px #00000017;--shadow-lg:0 20px 60px #0000001f;--radius-xl:24px;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--radius-pill:999px;--nav-height:52px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.025em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;line-height:1.1}.container{width:min(1100px,100% - 2.5rem);margin-inline:auto}.site-header{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:saturate(180%)blur(20px);background:#fbfbfdd9;border-bottom:1px solid #d2d2d799;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{align-items:center;gap:.55rem;text-decoration:none;display:flex}.logo-mark{background:var(--text);color:#fff;letter-spacing:.04em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:inline-flex}.logo-text{letter-spacing:.01em;color:var(--text);font-size:.88rem;font-weight:500}.nav{align-items:center;gap:.25rem;display:flex}.nav a{color:var(--muted);border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.84rem;font-weight:450;text-decoration:none;transition:color .18s,background .18s}.nav a:hover{color:var(--text);background:#0000000d}.nav a.admin-link{color:var(--accent);border:1px solid var(--accent);padding:.25rem .75rem}.nav a.admin-link:hover{background:var(--accent-soft)}.hero{padding:6rem 0 5rem;overflow:hidden}.hero-inner{grid-template-columns:1fr auto;align-items:center;gap:4rem;display:grid}.hero-copy{max-width:640px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.72rem;font-weight:600;display:inline-block}.hero-copy h1{color:var(--text);margin-bottom:1.1rem;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:700}.hero-subtitle{color:var(--muted);max-width:520px;margin-bottom:.6rem;font-size:1.1rem;line-height:1.65}.hero-location{color:var(--muted);align-items:center;gap:.35rem;margin-bottom:1.8rem;font-size:.88rem;display:flex}.hero-location:before{content:"📍";font-size:.85rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-photo-wrap{flex-shrink:0;position:relative}.hero-photo{object-fit:cover;object-position:top center;border:4px solid var(--surface);width:240px;height:240px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--line);border-radius:50%;display:block}.hero-photo-placeholder{border:4px solid var(--surface);width:240px;height:240px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--line);background:linear-gradient(135deg,#e9ecf0 0%,#d5d8df 100%);border-radius:50%;justify-content:center;align-items:center;font-size:5rem;display:flex}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0071e359}.btn.primary:active{transform:translateY(0)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.btn.secondary:hover{background:var(--surface-alt);border-color:#c6c6ca}.btn.full-width{width:100%}.section{padding:5rem 0}.section-alt,.section-soft{background:var(--surface-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;display:flex}.section-header h2,.section h2{color:var(--text);margin-top:.5rem;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:700}.section-intro{color:var(--muted);max-width:28rem;font-size:1rem;line-height:1.65}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-intro{color:var(--muted);margin-bottom:1.2rem;font-size:1.15rem;line-height:1.7}.about-body{color:#3a3a3c;font-size:1rem;line-height:1.75}.about-aside{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem 2.2rem}.about-aside h3{color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;font-size:1rem;font-weight:600}.skills-grid{flex-wrap:wrap;gap:.6rem;display:flex}.skill-chip{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.45rem 1rem;font-size:.88rem;font-weight:450;transition:border-color .18s,box-shadow .18s}.skill-chip:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.project-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-image{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);justify-content:center;align-items:center;height:190px;display:flex;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-image-placeholder{color:#9ca3af;font-size:2.5rem}.project-content{flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem;display:flex}.project-content h3{color:var(--text);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.project-content p{color:var(--muted);flex:1;font-size:.9rem;line-height:1.6}.meta-row{color:#8e8e93;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.85rem;font-size:.78rem;display:flex}.stack-tag{background:var(--surface-alt);border-radius:var(--radius-sm);color:var(--muted);padding:.2rem .5rem;font-size:.75rem}.project-link{color:var(--accent);align-items:center;gap:.3rem;margin-top:1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex}.project-link:after{content:" →"}.project-link:hover{text-decoration:underline}.contact-panel{max-width:640px}.contact-panel h2{color:var(--text);margin-top:.5rem;margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:700}.contact-meta{flex-direction:column;gap:.85rem;margin-top:1.75rem;display:flex}.contact-meta p{color:var(--text);font-size:.95rem;line-height:1.5}.contact-meta strong{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:.78rem;font-weight:600;display:block}.contact-meta span,.contact-meta a{color:var(--text);word-break:break-all;font-size:.95rem;text-decoration:none}.contact-meta a:hover{color:var(--accent);text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:var(--bg);padding:1.5rem 0 1.75rem}.footer-inner{color:var(--muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer-inner a{color:var(--muted);text-decoration:none;transition:color .18s}.footer-inner a:hover{color:var(--text)}.admin-shell{padding:2rem 0 4rem}.admin-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;display:grid}.admin-panel{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:1.4rem 1.5rem}.admin-panel h2{color:var(--text);margin-top:0;margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.admin-panel>p{color:var(--muted);margin-bottom:1rem;font-size:.86rem;line-height:1.5}.admin-panel textarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:360px;color:var(--text);background:#f9f9fb;border-radius:12px;padding:.75rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.83rem;line-height:1.5}.admin-panel textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 2px #0071e31f}.admin-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.admin-status{color:var(--muted);font-size:.8rem}.admin-status.error{color:#c00}.admin-status.success{color:#1a8a1a}.field{margin-bottom:.75rem}.field label{color:var(--muted);margin-bottom:.3rem;font-size:.8rem;font-weight:500;display:block}.field input,.field select,.field textarea{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;color:var(--text);background:#f9f9fb;padding:.6rem .85rem;font-size:.88rem;transition:border-color .18s}.field-inline{align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.field-inline-label{color:var(--muted);flex-shrink:0;min-width:105px;font-size:.78rem}.field-inline input{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--text);background:#f9f9fb;flex:1;padding:.55rem .85rem;font-size:.85rem}.field-inline input:focus{border-color:var(--accent);background:#fff;outline:none}.small-note{color:var(--muted);margin-top:.45rem;font-size:.76rem;line-height:1.5}#cb-launcher{z-index:9999;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .2s,transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #0071e373}#cb-launcher:hover{background:var(--accent-hover);transform:scale(1.08);box-shadow:0 6px 28px #0071e38c}#cb-launcher:active{transform:scale(.96)}#cb-panel{z-index:9998;opacity:0;pointer-events:none;background:#fff;border-radius:20px;flex-direction:column;width:360px;max-width:calc(100vw - 2rem);height:520px;max-height:calc(100vh - 7rem);transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:5rem;right:1.5rem;overflow:hidden;transform:translateY(12px)scale(.97);box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000f}#cb-panel.cb-open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}#cb-header{background:var(--accent);color:#fff;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}#cb-header-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.6rem;line-height:1;display:flex}#cb-header-name{color:#fff;font-size:.95rem;font-weight:600}#cb-header-status{color:#ffffffc7;margin-top:.1rem;font-size:.75rem}#cb-messages{scroll-behavior:smooth;background:#f7f8fa;flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}#cb-messages::-webkit-scrollbar{width:4px}#cb-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cb-msg{display:flex}.cb-msg-user{justify-content:flex-end}.cb-msg-assistant{justify-content:flex-start}.cb-bubble{word-break:break-word;border-radius:16px;max-width:82%;padding:.6rem .9rem;font-size:.875rem;line-height:1.55}.cb-msg-user .cb-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.cb-msg-assistant .cb-bubble{color:var(--text);background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000d}.cb-bubble code{background:#00000014;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82em}.cb-msg-user .cb-bubble code{background:#fff3}.cb-typing-bubble{align-items:center;gap:4px;padding:.65rem 1rem;display:flex}.cb-typing-bubble span{background:#94a3b8;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite cb-bounce}.cb-typing-bubble span:nth-child(2){animation-delay:.2s}.cb-typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes cb-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}#cb-form{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;gap:.4rem;padding:.7rem .8rem;display:flex}#cb-input{color:var(--text);background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;outline:none;flex:1;padding:.55rem .9rem;font-size:.88rem;transition:border-color .18s}#cb-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px #0071e31f}#cb-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,transform .15s;display:flex}#cb-send:hover{background:var(--accent-hover);transform:scale(1.08)}#cb-send:active{transform:scale(.94)}#cb-send:disabled{cursor:not-allowed;background:#cbd5e1;transform:none}@media (width<=480px){#cb-panel{width:calc(100vw - 1.5rem);bottom:4.75rem;right:.75rem}#cb-launcher{bottom:1rem;right:1rem}}@media (width<=960px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-photo-wrap{order:-1;justify-content:center;display:flex}.hero-copy{max-width:100%}.hero-subtitle{margin-inline:auto}.hero-location,.hero-actions{justify-content:center}.about-grid{grid-template-columns:1fr;gap:2.5rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=720px){.admin-layout{grid-template-columns:1fr}}@media (width<=600px){.container{width:min(100% - 1.5rem,480px)}.nav{display:none}.hero{padding:3.5rem 0 3rem}.hero-photo,.hero-photo-placeholder{width:160px;height:160px}.project-grid{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column;gap:.4rem}}