*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}.landing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;background:#f5f5f4;color:#1a1a1a;overflow-x:hidden;height:100vh;position:relative}.bg-image{position:absolute;top:0;left:0;width:100%;height:100vh;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwIi8+PC9maWx0ZXI+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZTBlMGUwO3N0b3Atb3BhY2l0eToxIiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2JkYmRiZDtzdG9wLW9wYWNpdHk6MSIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIi8+PHBhdGggZD0iTTAgNTQwIEMzMjAgNDIwIDY0MCA0ODAgOTYwIDU0MCBDMTI4MCA2MDAgMTYwMCA0MjAgMTkyMCA1NDAgTDE5MjAgMTA4MCBMMCAxMDgwIFoiIGZpbGw9IiNhMGEwYTAiIG9wYWNpdHk9IjAuMyIgZmlsdGVyPSJ1cmwoI2JsdXIpIi8+PHBhdGggZD0iTTAgNzIwIEMzMjAgNjAwIDY0MCA2NjAgOTYwIDcyMCBDMTI4MCA3ODAgMTYwMCA2MDAgMTkyMCA3MjAgTDE5MjAgMTA4MCBMMCAxMDgwIFoiIGZpbGw9IiM4MDgwODAiIG9wYWNpdHk9IjAuNCIgZmlsdGVyPSJ1cmwoI2JsdXIpIi8+PHBhdGggZD0iTTAgOTAwIEMzMjAgNzgwIDY0MCA4NDAgOTYwIDkwMCBDMTI4MCA5NjAgMTYwMCA3ODAgMTkyMCA5MDAgTDE5MjAgMTA4MCBMMCAxMDgwIFoiIGZpbGw9IiM2MDYwNjAiIG9wYWNpdHk9IjAuNSIgZmlsdGVyPSJ1cmwoI2JsdXIpIi8+PC9zdmc+) no-repeat center;background-size:cover;opacity:0;filter:contrast(1.1) brightness(.9)}.container{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10}nav{position:absolute;top:0;left:0;width:100%;padding:2rem 3rem;z-index:20}nav ul{list-style:none;display:flex;gap:2rem;font-size:.9rem;font-weight:500}nav a{color:#1a1a1a;text-decoration:none;position:relative;transition:color .3s ease;opacity:0;transform:translateY(-20px);cursor:pointer}nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#1a1a1a;transition:width .3s ease}nav a:hover:after{width:100%}.content{position:relative;width:90%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem;border-radius:2px;box-shadow:0 25px 50px -12px #00000026}.left-content{position:relative}.subtitle{font-size:.875rem;color:#666;margin-bottom:.5rem;opacity:0;transform:translate(-30px)}.tagline{font-size:.875rem;color:#666;line-height:1.6;margin-top:1rem;max-width:300px;opacity:0;transform:translate(-30px)}h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-.02em;line-height:.9;color:#1a1a1a;overflow:hidden}h1 span{display:block;opacity:0;transform:translateY(100%)}.image-section{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8) rotate(-5deg)}.profile-image{width:100%;max-width:400px;height:500px;background:#52d399;background:linear-gradient(135deg,#52d399,#2ec4b6);border-radius:2px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;cursor:pointer}.profile-image:before{content:"";position:absolute;top:2rem;right:2rem;bottom:2rem;left:2rem;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDMwMCA0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMTAwIiByPSI4MCIgZmlsbD0idXJsKCNncmFkKSIvPjxjaXJjbGUgY3g9IjEwMCIgY3k9IjIwMCIgcj0iNjAiIGZpbGw9InVybCgjZ3JhZCkiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyNTAiIHI9IjcwIiBmaWxsPSJ1cmwoI2dyYWQpIi8+PHBhdGggZD0iTTUwIDUwIEwxMDAgMTAwIEw1MCAxNTAgTDAgMTAwIFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEiLz48cGF0aCBkPSJNMjAwIDEwMCBMMjUwIDE1MCBMMjAwIDIwMCBMMTUwIDE1MCBaIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xIi8+PHBhdGggZD0iTTEwMCAyNTAgTDE1MCAzMDAgTDEwMCAzNTAgTDUwIDMwMCBaIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xIi8+PHRleHQgeD0iMTUwIiB5PSIyMDAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSI4MCIgZm9udC13ZWlnaHQ9IjkwMCIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC4xIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5HVDwvdGV4dD48L3N2Zz4=) center no-repeat;background-size:cover;filter:blur(.5px)}.logo-container{position:absolute;bottom:2rem;right:2rem;opacity:0;transform:translateY(20px)}.logo{font-size:1.5rem;font-weight:800;color:#52d399;display:flex;align-items:center;gap:.5rem}.logo-icon{width:140px;height:140px;display:flex;align-items:center;justify-content:center;position:relative}.logo-icon svg{width:100%;height:100%}.float-element{position:absolute;width:80px;height:80px;background:#52d3991a;border-radius:50%;filter:blur(40px);pointer-events:none}.float-1{top:20%;left:10%;width:120px;height:120px}.float-2{bottom:20%;right:15%;width:100px;height:100px;background:#2ec4b61a}.starting .bg-image{opacity:0}.starting nav a{opacity:0;transform:translateY(-20px)}.starting h1 span{opacity:0;transform:translateY(100%)}.starting .subtitle,.starting .tagline{opacity:0;transform:translate(-30px)}.starting .image-section{opacity:0;transform:scale(.8) rotate(-5deg)}.starting .logo-container{opacity:0;transform:translateY(20px)}@media (prefers-color-scheme: dark){.landing-container{background:#0a0a0a;color:#ededec}nav a{color:#ededec}nav a:after{background:#ededec}.content{background:#161615e6}h1{color:#ededec}.subtitle,.tagline{color:#a1a09a}.bg-image{opacity:.7;filter:contrast(1.2) brightness(.3)}}@media (max-width: 968px){.content{grid-template-columns:1fr;text-align:center;padding:3rem 2rem}.image-section{display:none}h1{font-size:clamp(2.5rem,10vw,4rem)}.tagline{margin:1rem auto 0}nav{padding:1.5rem 2rem}}