:root{--primary-color: #000000;--text-color: #1a1a1a;--text-secondary: #6b7280;--bg-color: #ffffff;--nav-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;flex-direction:column}.navbar{height:var(--nav-height);background-color:var(--bg-color);display:flex;align-items:center;justify-content:space-between;padding:0 4rem;max-width:1400px;margin:0 auto;width:100%}.navbar-logo{font-weight:700;font-size:1.25rem;color:var(--primary-color);letter-spacing:-.5px}.navbar-links{display:flex;list-style:none;gap:3rem}.navbar-links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--primary-color)}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:0 4rem;max-width:1400px;margin:0 auto;width:100%}.hero-content{display:flex;align-items:center;justify-content:center;gap:6rem;width:100%}.hero-photo-container{flex-shrink:0;width:320px;height:320px;border-radius:50%;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.25) translate(-10px)}.hero-text{flex:1;max-width:600px}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;color:#000;letter-spacing:-1.5px;line-height:1.1}.hero-text h2{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:400}.hero-text p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.8}.hero-social-links{display:flex;gap:2rem}.hero-social-links a{text-decoration:none;color:#000;font-weight:600;font-size:.95rem;position:relative}.hero-social-links a:after{content:"";position:absolute;width:100%;height:1px;background-color:#000;bottom:-2px;left:0;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out}.hero-social-links a:hover:after{transform:scaleX(1);transform-origin:bottom left}.footer{background-color:var(--bg-color);color:#9ca3af;text-align:center;padding:3rem;font-size:.875rem}@media(max-width:1024px){.hero-content{flex-direction:column;text-align:center;gap:3rem;padding:4rem 0}.navbar,.hero{padding:0 2rem}.hero-text h1{font-size:2.5rem}.hero-social-links{justify-content:center}.navbar-links{display:none}}