@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--bg-primary: #F9F8F5;--text-primary: #1a1a1a;--text-secondary: #555555;--text-tertiary: #999999;--accent: #1a1a1a;--max-width: 1200px;--section-padding-y: clamp(60px, 10vw, 120px);--section-padding-x: clamp(20px, 5vw, 48px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}::selection{background:#ffeb3b44}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;color:var(--text-primary);line-height:1.1}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--section-padding-x);width:100%}.section{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.section-title{font-size:clamp(32px,5vw,52px);font-weight:800;margin-bottom:12px;letter-spacing:-.03em}.section-subtitle{font-family:DM Mono,monospace;font-size:11px;color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.hero-wrapper{padding-top:clamp(80px,15vw,140px);padding-bottom:clamp(60px,10vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:80vh}.hero-title{font-size:clamp(48px,8vw,84px);font-weight:800;margin-bottom:16px;line-height:1;letter-spacing:-.03em}.hero-role{font-size:clamp(22px,4vw,36px);font-weight:700;color:#888;margin-bottom:24px;letter-spacing:-.02em}.hero-description{font-size:clamp(16px,3vw,18px);color:var(--text-secondary);max-width:600px;margin-bottom:clamp(32px,6vw,40px);line-height:1.7}.hero-actions{display:flex;gap:clamp(12px,2vw,16px);flex-wrap:wrap}.projects-grid{display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:1fr}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.contact-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,6vw,48px);align-items:start}@media(min-width:860px){.contact-grid{grid-template-columns:1fr 340px}}@media(min-width:1024px){.contact-grid{grid-template-columns:1.5fr 1fr}}.divider{height:1px;background:linear-gradient(90deg,var(--text-primary),#e0e0e0);opacity:.15;margin:0 auto;max-width:var(--max-width);width:calc(100% - var(--section-padding-x) * 2)}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;font-family:DM Mono,monospace;font-size:11px;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.form-input{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid #e0e0e0;background:#fff;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,24px)}.modal-content{background:#fff;border-radius:clamp(12px,3vw,20px);padding:clamp(20px,5vw,32px);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--text-primary)}.available-badge{display:inline-flex;align-items:center;gap:8px;background:var(--text-primary);color:var(--bg-primary);padding:6px 14px;border-radius:999px;font-size:11px;font-family:DM Mono,monospace;letter-spacing:.08em;margin-bottom:28px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 6px #4caf50}
