@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color:#f4f5f7;background:#05060a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;--surface: rgba(20, 24, 37, .8);--surface-soft: rgba(14, 16, 24, .9);--outline: rgba(255, 255, 255, .08);--accent: #8c7bff;--accent-secondary: #35dbc0;--text-muted: rgba(244, 245, 247, .8);--radius-lg: 32px;--radius-md: 20px;--radius-sm: 12px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#151a2d,#05060a 55%);color:#f8f9fb}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit;color:inherit}.app-shell{min-height:100vh;max-width:1200px;margin:0 auto;padding:2.5rem clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;gap:3rem}.app-main{flex:1}.page{display:flex;flex-direction:column;gap:2.5rem}.page-header{max-width:780px;display:flex;flex-direction:column;gap:.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:var(--accent-secondary)}.page-header h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.5rem,5vw,3.75rem);margin:0}.lede{font-size:1.2rem;color:var(--text-muted);margin:0}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border:1px solid var(--outline);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a18b3;position:sticky;top:1.5rem;z-index:10}.nav-brand{display:flex;flex-direction:column;gap:.1rem}.nav-brand a{font-weight:600;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.nav-brand span{font-size:.8rem;color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{padding:.45rem .9rem;border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-muted);transition:color .2s ease,background .2s ease}.nav-links a:hover,.nav-links a.active{color:#fff;background:#8c7bff1f}.nav-toggle{display:none;flex-direction:column;gap:.3rem;background:transparent;border:none;padding:.2rem}.nav-toggle span{display:block;width:24px;height:2px;background:#fff}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--outline);background:linear-gradient(135deg,#101427e6,#070912e6);box-shadow:0 25px 60px #05060a73}.hero-copy h1{font-size:clamp(2.6rem,5vw,4rem);margin:0 0 .75rem}.hero-copy .availability{margin-top:1rem;color:var(--accent-secondary);font-weight:500}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn{border-radius:var(--radius-sm);padding:.85rem 1.4rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease}.btn.primary{background:var(--accent);color:#090b16}.btn.ghost{border-color:var(--outline);background:transparent;color:#fff}.btn:hover{transform:translateY(-2px)}.hero-card{border-radius:var(--radius-md);border:1px solid var(--outline);padding:1.75rem;background:#090b17cc;display:flex;flex-direction:column;gap:1.25rem}.hero-photo-card{border-radius:var(--radius-md);border:1px solid var(--outline);padding:1.25rem;background:#080911d9;text-align:center;display:flex;flex-direction:column;gap:.8rem;align-self:center;height:fit-content;width:100%;max-width:290px;margin:0 auto;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.hero-photo-card:hover{transform:translateY(-6px);border-color:#8c7bff4d;box-shadow:0 20px 40px #8c7bff1f,0 0 0 1px #8c7bff1a}.hero-photo-card img{width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-md);object-fit:cover;object-position:center;box-shadow:0 12px 30px #00000073}.hero-photo-card p{margin:0;color:var(--text-muted);font-weight:500;font-size:.9rem;letter-spacing:.02em}.hero-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.hero-card li span{font-size:2rem;font-weight:600;color:var(--accent-secondary)}.hero-card-footer{border-top:1px solid var(--outline);padding-top:1rem;color:var(--text-muted)}.hero-narrative{border:1px solid var(--outline);border-radius:var(--radius-lg);padding:1.8rem;background:#07080fd9;display:flex;flex-direction:column;gap:.9rem}.hero-narrative h2{margin:0;font-family:Space Grotesk,sans-serif}.hero-narrative p{margin:0;color:var(--text-muted)}.hero-copy{grid-column:span 2}@media(max-width:920px){.hero-copy{grid-column:span 1}}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.quick-card{border:1px solid var(--outline);border-radius:var(--radius-md);padding:1.5rem;background:#090b14b3;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,border-color .2s ease}.quick-card span{color:var(--accent-secondary);font-weight:600}.quick-card:hover{transform:translateY(-4px);border-color:#8c7bff99}.preview-section{border:1px solid var(--outline);border-radius:var(--radius-lg);padding:2rem;background:var(--surface);display:flex;flex-direction:column;gap:1.5rem}.section-heading h2{margin:.3rem 0 0;font-family:Space Grotesk,sans-serif}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.project-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:24px;transition:all .2s ease;cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0006;border-color:var(--accent)}.project-card-head h3{margin:0 0 12px;font-size:1.25rem}.project-card-head p{margin:0 0 16px;color:var(--text-muted);line-height:1.5}.project-highlight{margin:0 0 16px;font-weight:500;color:var(--accent-secondary)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-row span{background:var(--surface-soft);border:1px solid var(--outline);border-radius:var(--radius-sm);padding:4px 12px;font-size:.875rem}.project-card-head h3{margin:0 0 .3rem}.project-highlight{color:var(--accent-secondary);font-weight:600}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag-row span{border:1px solid var(--outline);border-radius:999px;padding:.2rem .9rem;font-size:.85rem;color:var(--text-muted)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.skill-card{border:1px solid var(--outline);border-radius:var(--radius-md);padding:1.5rem;background:#080910cc}.skill-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted)}.timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);padding:24px;transition:all .2s ease;cursor:pointer}.timeline-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0006;border-color:var(--accent)}.timeline-card .place{color:var(--text-muted);font-size:.9rem;margin:8px 0 16px}.timeline-card ul{margin-top:16px;padding-left:20px}.timeline-card li{margin-bottom:8px;position:relative}.timeline-card li:before{content:"→";position:absolute;left:-16px;color:var(--accent-secondary)}.timeline-card .place{color:var(--text-muted);font-weight:500}.timeline-card ul{margin:0;list-style:disc;color:var(--text-muted);padding-left:1.2rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.about-card,.about-pillars article{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-soft);padding:1.5rem}.about-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.about-card span{font-size:.85rem;letter-spacing:.08em;color:var(--accent-secondary);text-transform:uppercase}.about-pillars{display:flex;flex-direction:column;gap:1rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.contact-card,.contact-form{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:1.5rem}.contact-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.contact-card span{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:500}.contact-form input,.contact-form textarea{border-radius:var(--radius-sm);border:1px solid var(--outline);background:#05060ccc;padding:.8rem;color:#fff}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent)}.admin-shell{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem;align-items:start}.admin-panel{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:1.25rem}.admin-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:7rem}.admin-sidebar label{display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted);font-weight:500}.admin-sidebar input,.json-editor{border:1px solid var(--outline);border-radius:var(--radius-sm);background:#05060ccc;color:#fff}.admin-sidebar input{padding:.75rem}.admin-tabs{display:flex;flex-direction:column;gap:.5rem}.admin-tabs button{border:1px solid var(--outline);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;padding:.7rem .85rem;text-align:left}.admin-tabs button:hover,.admin-tabs button.active{background:#8c7bff1f;color:#fff}.admin-editor{display:flex;flex-direction:column;gap:1rem}.admin-editor-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-editor-head h2{margin:.25rem 0 0}.admin-actions{display:flex;flex-wrap:wrap;gap:.75rem}.json-editor{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.5;min-height:560px;padding:1rem;resize:vertical;width:100%}.admin-muted,.admin-warning,.admin-success,.admin-error{border-radius:var(--radius-sm);margin:0;padding:.8rem 1rem}.admin-muted{background:#ffffff0f;color:var(--text-muted)}.admin-warning{background:#ffc1071f;color:#ffd166}.admin-success{background:#35dbc01f;color:var(--accent-secondary)}.admin-error{background:#ef444424;color:#fca5a5}.footer{border:1px solid var(--outline);border-radius:var(--radius-lg);padding:1.2rem 1.5rem;background:#060812d9;color:var(--text-muted);display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;text-align:center}.footer-note{color:#fff}@media(max-width:880px){.nav{flex-wrap:wrap}.nav-toggle{display:flex}.nav-links{width:100%;flex-direction:column;align-items:flex-start;max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:1rem}.nav-links.open{max-height:500px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}}@media(max-width:640px){.app-shell,.hero-grid{padding:1.5rem}}
