*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;line-height:1.6}.homepage-zigzag,body{padding:0;min-height:100vh}.homepage-zigzag{width:100%}.hero-section,.homepage-zigzag{display:flex;flex-direction:column}.hero-section{text-align:center;padding:8rem 2rem 6rem;justify-content:center;align-items:center;min-height:80vh;border-bottom:none}.profile-image{margin:0 auto 2.5rem}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;margin:0 auto;box-shadow:0 0 40px rgba(102,126,234,.4),0 0 80px rgba(118,75,162,.2);border:3px solid hsla(0,0%,100%,.1)}h1{font-size:2.75rem;margin:0 0 .75rem;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.02em}.tagline{font-size:1.2rem;color:#a0a0a0;margin:0 0 1.5rem;font-weight:400}.description{font-size:1rem;color:#888;max-width:600px;margin:0 auto 2rem;line-height:1.7}.links-section{margin:2rem 0}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin:0 auto}.link-card{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.75rem;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.3);display:flex;align-items:center;gap:1.25rem}.link-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px rgba(102,126,234,.3);border-color:rgba(102,126,234,.5);background:hsla(0,0%,100%,.05)}.link-icon{font-size:1.25rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,.15);border-radius:8px;color:#667eea;border:1px solid rgba(102,126,234,.3)}.link-card h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#fff}.link-card p{margin:0;font-size:.9rem;color:#a0a0a0}.footer{text-align:center;padding:3rem 0 1rem;color:#666;font-size:.9rem;border-top:1px solid #1a1a1a;margin-top:2rem}.contact-button{background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.1)!important;cursor:pointer;font-family:inherit}.contact-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px rgba(102,126,234,.3);border-color:rgba(102,126,234,.5)!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(102,126,234,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;color:#fff;font-size:1.5rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background-color:hsla(0,0%,100%,.1);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.zigzag-section{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;align-items:center;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease;overflow:hidden}.zigzag-section.visible{opacity:1;transform:translateY(0)}.zigzag-section.reverse .section-content{order:1}.zigzag-section.reverse .section-image{order:2}.section-content{padding:4rem 6rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;z-index:2}.section-content h2{font-size:3rem;margin:0;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.section-content p{font-size:1.2rem;color:#888;line-height:1.8;margin:0}.section-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px rgba(102,126,234,.3);width:-moz-fit-content;width:fit-content}.section-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px rgba(102,126,234,.5)}.section-button .icon{font-size:1.3rem}.contact-info{margin-top:1rem}.email-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:1.1rem;text-decoration:none;transition:all .3s ease}.email-link:hover{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.5);transform:translateX(5px)}.email-link .icon{font-size:1.3rem}.inline-contact-form{width:100%;max-width:500px;margin-top:1rem}.contact-form{gap:1.25rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500;color:#fff;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-family:inherit;font-size:1rem;background:hsla(0,0%,100%,.05);color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2);background:hsla(0,0%,100%,.08)}.form-group textarea{resize:vertical;min-height:100px}.form-buttons{display:flex;gap:1rem;margin-top:.5rem}.submit-button{flex:1 1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(102,126,234,.5)}.cancel-button{flex:1 1;background:hsla(0,0%,100%,.05);color:#fff;border:1px solid hsla(0,0%,100%,.1);padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.success-message{text-align:center;padding:2rem 1rem}.success-icon{width:60px;height:60px;border-radius:50%;background:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem;animation:checkmark .5s ease}.success-message h3{margin:0 0 .5rem;color:#fff}.success-message p{margin:0;color:#a0a0a0}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.section-image{position:relative;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;will-change:transform}.section-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 100px 50px rgba(0,0,0,.3);pointer-events:none;z-index:1}.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.geometric-shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.3;animation:float 20s ease-in-out infinite}.shape-1{width:300px;height:300px;background:hsla(0,0%,100%,.2);top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;background:hsla(0,0%,100%,.15);bottom:15%;right:15%;animation-delay:5s}.shape-3{width:250px;height:250px;background:hsla(0,0%,100%,.2);top:20%;right:20%;animation-delay:2s}.shape-4{width:180px;height:180px;background:hsla(0,0%,100%,.15);bottom:20%;left:10%;animation-delay:7s}.shape-5{width:280px;height:280px;background:hsla(0,0%,100%,.2);top:15%;left:15%;animation-delay:3s}.shape-6{width:220px;height:220px;background:hsla(0,0%,100%,.15);bottom:10%;right:10%;animation-delay:8s}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(40px,10px) rotate(270deg)}}@media (max-width:768px){.homepage-zigzag{padding:0}h1{font-size:2.5rem}.hero-section{min-height:70vh;padding:4rem 1.5rem 3rem}.avatar-placeholder{width:100px;height:100px;font-size:2rem}.zigzag-section{grid-template-columns:1fr;min-height:auto}.zigzag-section.reverse{direction:ltr}.section-image{min-height:50vh;order:-1}.section-content{padding:3rem 1.5rem}.section-content h2{font-size:2rem}.section-content p{font-size:1rem}.geometric-shape{display:none}}