.about-container{padding:100px 8%;max-width:80vw;margin:0 auto}.about-container h1,.about-container p{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.about-container h1{transition-delay:0s}.about-container p:first-of-type{transition-delay:.15s}.about-container p:nth-of-type(2){transition-delay:.3s}.about-container.visible h1,.about-container.visible p{opacity:1;transform:translateY(0)}.about-container h1{font-size:.875rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.about-container p{color:#d1d5db;font-size:1.125rem;line-height:1.8;margin-bottom:20px}.about-container p:last-child{margin-bottom:0}.contact-section{border-top:1px solid rgba(139,92,246,.15);padding:120px 8% 80px;text-align:center}.contact-container{max-width:600px;margin:0 auto}.contact-container h1{font-size:.875rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.contact-container h2{font-size:clamp(2rem,4vw,2.75rem);color:#ffffff;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.contact-container p{color:#9ca3af;font-size:1.125rem;line-height:1.8;margin-bottom:40px}.contact-btn{display:inline-block;padding:14px 40px;font-size:1rem;font-weight:500;color:white;background-color:#8b5cf6;border-radius:8px;text-decoration:none;transition:all .2s ease}.contact-btn:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.3)}.hero-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 8%;background-color:#0a0a0a;background-image:radial-gradient(circle at center,transparent 0,rgba(139,92,246,.1) 100%);position:relative;overflow:hidden}.hero-container>.w-full{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{display:flex;flex-direction:row;align-items:center;gap:80px;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}.info{flex:1;color:white;max-width:600px}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-buttons,.description,.name,.role,.social-links,.status-items{opacity:0;animation:slide-up .6s ease-out forwards}.role{color:white}.name{animation-delay:0s}.role{animation-delay:.1s}.description{animation-delay:.2s}.status-items{animation-delay:.3s}.cta-buttons{animation-delay:.4s}.social-links{animation-delay:.5s}.name{font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em}.role{font-size:1.5rem;color:#8b5cf6;font-weight:500;margin-bottom:24px}.description{font-size:1.125rem;line-height:1.7;color:#9ca3af;margin-bottom:32px;max-width:540px}.status-items{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.status-item{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#d1d5db}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;flex-shrink:0}.status-dot-secondary{background-color:#8b5cf6}.cta-buttons{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.btn{padding:14px 32px;font-size:1rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#8b5cf6;color:white}.btn-primary:hover{background-color:#7c3aed;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:white;border:1px solid #374151}.btn-secondary:hover{border-color:#8b5cf6;background-color:rgba(139,92,246,.1)}.social-links{display:flex;gap:20px}.social-links a{color:#9ca3af;font-size:1.5rem;transition:color .2s ease}.social-links a:hover{color:#8b5cf6}.profile-picture-container{flex:1;display:flex;justify-content:center;align-items:center}.image-wrapper{position:relative;border-radius:16px;overflow:hidden}.profile-picture{width:500px;height:500px;border-radius:50%;object-fit:cover;display:block;animation:grow 1s ease}@keyframes grow{0%{transform:scale(.9)}to{transform:scale(1)}}.scroll-indicator{position:absolute;bottom:40px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;font-size:.75rem;letter-spacing:.1em;z-index:1}@media (max-width:600px){.scroll-indicator{display:none}}.scroll-arrow{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@media (max-width:968px){.hero-content{flex-direction:column-reverse;gap:40px;text-align:center}.info{max-width:100%;display:flex;flex-direction:column;align-items:center}.status-items{text-align:left;align-self:stretch}.cta-buttons,.social-links{justify-content:center}.profile-picture{width:350px;height:350px}}.projects-container{padding:100px 8%;margin:0 auto}.projects-container h1{font-size:.875rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.projects-container h1,.projects-grid>div{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.projects-container h1{transition-delay:0s}.projects-grid>div:first-child{transition-delay:.1s}.projects-grid>div:nth-child(2){transition-delay:.2s}.projects-grid>div:nth-child(3){transition-delay:.3s}.projects-grid>div:nth-child(4){transition-delay:.4s}.projects-grid>div:nth-child(5){transition-delay:.5s}.projects-grid>div:nth-child(6){transition-delay:.6s}.projects-container.visible .projects-grid>div,.projects-container.visible h1{opacity:1;transform:translateY(0)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:968px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.projects-grid>div{height:100%}.project-card{padding:0;height:100%;display:flex;flex-direction:column}.project-card>div:last-child{display:flex;flex-direction:column;flex:1}.project-image{width:80%;margin-left:auto;margin-right:auto;margin-top:16px;height:180px;object-fit:cover}.project-content{padding:16px;display:flex;flex-direction:column;flex:1}.project-name{font-size:1rem;font-weight:600;color:#d1d5db;margin:0 0 8px}.project-description{font-size:.85rem;color:#6b7280;line-height:1.5;margin:0 0 16px}.project-links{display:flex;gap:12px;margin-top:auto}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;margin-bottom:8px;padding:0 10px}.project-tag{font-size:.75rem;color:#FFFFFF;background-color:rgba(12,95,250,.3);padding:2px 8px;border-radius:9999px}.project-link{display:flex;align-items:center;gap:6px;background-color:#1f1f28;border:1px solid #2a2a35;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500;color:#d1d5db;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.project-link:hover{background-color:#2a2a35;border-color:#8b5cf6;color:#8b5cf6}.project-link img{width:25px;height:25px;opacity:.7}.project-modal-container{background:linear-gradient(135deg,rgba(10,5,30,.98),rgba(20,10,50,1) 50%,rgba(5,0,25,.98))!important;border-color:rgba(139,92,246,.3)!important;padding:0!important;max-width:600px}.project-modal-image{width:100%;border-radius:12px 12px 0 0}.project-modal-title{font-size:1.25rem;font-weight:600;color:#d1d5db;margin:0;padding:20px 20px 8px}.project-modal-description{font-size:.9rem;color:#6b7280;line-height:1.7;padding:0 20px 16px;margin:0;white-space:pre-wrap}.project-modal-links{margin-top:20px;display:flex;gap:12px;padding:0 20px 20px}.project-modal-close{position:absolute;top:12px;right:12px;background:rgba(31,31,40,.8);border:1px solid #2a2a35;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#d1d5db;cursor:pointer;z-index:10;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.project-modal-close:hover{background-color:#2a2a35;border-color:#8b5cf6;color:#8b5cf6}.skill-container{padding:100px 8%;margin:0 auto}.skill-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}@media (max-width:968px){.skill-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.skill-categories{grid-template-columns:1fr}}.skill-container h1{font-size:.875rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.skill-container .skill-category,.skill-container h1{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.skill-container h1{transition-delay:0s}.skill-container .skill-category:first-child{transition-delay:.2s}.skill-container .skill-category:nth-child(2){transition-delay:.3s}.skill-container .skill-category:nth-child(3){transition-delay:.4s}.skill-container .skill-category:nth-child(4){transition-delay:.5s}.skill-container.visible .skill-category,.skill-container.visible h1{opacity:1;transform:translateY(0)}.skill-category{margin-bottom:32px}.skill-category:last-child{margin-bottom:0}.category-label{font-size:.8rem;font-weight:500;color:#6b7280;margin-bottom:12px}.skills-grid{display:flex;flex-direction:column;gap:12px}.skill-pill{display:flex;align-items:center;gap:8px;background-color:#1f1f28;border:1px solid #2a2a35;border-radius:10px;padding:8px 16px 8px 8px;transition:background-color .2s ease}.skill-pill:hover{background-color:#2a2a35}.skill-pill i{font-size:1.25rem;flex-shrink:0}.skill-pill .skill-title{color:#d1d5db;font-size:.875rem;font-weight:500;white-space:nowrap}.skill-pill .skill-image{width:30px;height:30px;object-fit:contain}