:root{--bg:#f7f6ff;--surface:#fff;--text:#2b2b35;--text-h:#111827;--muted:#444952;--border:#0f172a14;--surface-border:#5c7650;--accent:#145f29;--shadow:0 18px 60px #0f172a14;--header:#f8fdf7;--background:#5c7650;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--text);background-color:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,#7c3aed26,#0000 22%),linear-gradient(#f7f6ff 0%,#f5f7ff 100%);min-height:100vh;margin:0}#root{min-height:100dvh}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit}button{border:none}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin:0}p{margin:0}label{font-size:.95rem}@media (width<=680px){:root{font-size:15px}}.contact-info{justify-content:left;gap:18px;margin:20px 0;display:flex}.social-icon{object-fit:cover;width:38px;height:38px;transition:transform .2s,box-shadow .2s}.social-icon:hover{transform:scale(1.12)rotate(-6deg)}.app-shell{min-height:100dvh;color:var(--text);background:linear-gradient(135deg,#fff 0%,#f8fafc 40%,#f1f5f9 100%);flex-direction:column;display:flex}.app-shell-alt{background:#5c7650}.navbar{z-index:20;background:var(--header);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:2px solid var(--surface-border);justify-content:space-between;align-items:center;gap:18px;height:auto;padding:16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.1em;color:var(--accent);padding-left:10px;font-size:1.5rem;font-weight:700}.nav-list{flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text);border-radius:999px;padding:10px 14px;transition:background .25s,color .25s}.nav-link:hover,.nav-link-active{background:var(--accent-soft);color:var(--accent)}.content{flex:1;width:min(1110px,100%);margin:0 auto;padding:24px}.hero-section{grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;padding:38px 0 24px;display:grid}.hero-copy,.hero-visual-frame,.about-card,.project-card,.project-detail-panel{background:var(--header);border:2px solid var(--surface-border);box-shadow:var(--shadow);border-radius:28px}.contact-form label{background:var(--surface);border:2px solid var(--surface-border);border-radius:24px;gap:10px;padding:18px;display:grid}.hero-copy{padding:42px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:.85rem;font-weight:700;display:inline-flex}.hero-copy h1{color:var(--text-h);margin:0;font-size:clamp(2.6rem,4vw,4rem);line-height:1.02}.hero-copy p{max-width:720px;color:var(--muted);margin:24px 0 32px;font-size:1rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.hero-btn{background:var(--accent);color:#fff;border-radius:999px;padding:14px 22px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:0 8px 20px #7c3aed40}.hero-btn:hover{box-shadow:0 12px 26px var(--accent-strong);transform:translateY(-4px)}.hero-btn:active{transform:translateY(0);box-shadow:0 4px 10px #00000026}.hero-visual-frame{justify-content:center;align-items:center;min-height:420px;padding:26px;display:flex}.hero-visual-frame img{object-fit:cover;border-radius:24px;width:100%;height:auto;max-height:420px}.page-section{padding:36px 0}.section-header{max-width:760px;margin-bottom:32px}.section-header h2{color:var(--text-h);margin:10px 0 16px;font-size:clamp(2rem,2.8vw,2.8rem);line-height:1.05}.section-header p{color:var(--muted);margin:0;font-size:1rem;line-height:1.8}.split-grid{grid-template-columns:1.3fr .9fr;gap:32px;display:grid}.split-grid p{padding:10px 0}.about-card{padding:26px}.about-card+.about-card{margin-top:16px}.about-card h4{margin:0 0 18px}.about-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.about-card li{color:var(--muted)}.portfolio-layout{grid-template-columns:360px minmax(0,1fr);gap:28px;display:grid}.project-list{gap:16px;display:grid}.project-card{text-align:left;cursor:pointer;border-radius:28px;flex-direction:column;gap:18px;width:100%;padding:24px;transition:transform .2s,border-color .2s,background .2s;display:flex}.project-card:hover{transform:translateY(-2px)}.project-card.active{background:#145f290f;border-color:#145f2970}.project-category{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font-size:.8rem;font-weight:700;display:inline-flex}.project-card h3{color:var(--text-h);margin:0;font-size:1.2rem}.project-card p{color:var(--muted);margin:0;line-height:1.75}.project-action{color:var(--accent);margin-top:auto;font-size:.95rem;font-weight:700}.project-detail-panel{min-height:420px;padding:28px}.project-detail-hero{border-radius:24px;margin-bottom:24px;overflow:hidden}.project-detail-hero img{object-fit:cover;width:100%;min-height:120px;max-height:300px;display:block}.project-detail-copy{gap:18px;display:grid}.project-detail-copy h3{margin:0;font-size:1.75rem}.project-tags{flex-wrap:wrap;gap:10px;display:flex}.project-tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:8px 12px;font-size:.85rem;display:inline-flex}.button-outline{border:1px solid var(--accent);color:var(--accent);border-radius:999px;width:fit-content;padding:12px 18px;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.button-outline:hover{background:var(--accent);color:#fff}.contact-form{gap:20px;max-width:640px;display:grid}.contact-form label{color:var(--text-h);gap:10px;font-weight:600;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:20px;outline:none;padding:16px 18px;transition:border-color .25s,box-shadow .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:#145f2966;box-shadow:0 0 0 4px #145f291f}.button-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;width:min(220px,100%);padding:14px 20px;transition:background .25s,transform .25s}.button-primary:hover{background:#0f4f20;transform:translateY(-1px)}.form-success{color:#0f5132;background:#d1e7dd;border:1px solid #badbcc;border-radius:18px;margin:0;padding:16px 18px}@media (width<=920px){.hero-section,.portfolio-layout,.split-grid{grid-template-columns:1fr}.hero-visual-frame,.project-detail-panel,.hero-copy{min-height:auto}}@media (width<=680px){.navbar{flex-direction:column;align-items:center;gap:5px;padding:10px 20px}.brand{padding-left:0}.nav-list{gap:12px}.content{padding:0 18px 32px}.hero-copy{padding:28px}.hero-section{gap:24px}.project-card{padding:20px}}