.home-container{background-color:#0f172a;min-height:100vh}.navbar-container{background-color:#1e293b;min-height:10vh}.navbar-icon{color:#cbd5e1;font-size:1.2rem}.logo-brand{font-weight:700;font-size:2rem;color:#fff}.hero-section{min-height:50vh;display:flex;align-items:center;padding:100px 0 80px;animation:fadeInUp .8s ease-out .4s forwards;opacity:0}.hero-title{font-size:3.5rem;font-weight:600;margin-bottom:1.5rem;line-height:1.2;animation:fadeInUp .8s ease-out forwards;opacity:0}.hero-subtitle{font-size:1.5rem;margin-bottom:3rem;line-height:1.6;animation:fadeInUp .8s ease-out .2s forwards;opacity:0}.hero-image{width:100%;max-width:400px;height:400px;border-radius:50%;border:4px solid var(--primary-blue);box-shadow:0 20px 40px #0000004d;object-fit:cover;animation:scaleIn 1s ease-out .3s forwards;opacity:0;transform:scale(.8)}.hero-image{transition:transform .3s ease}.hero-image:hover{transform:scale(1.05)}.btn-custom{padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:1.5rem;border:1px solid rgba(30,41,59,.8);transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-contact{background-color:#3b82f6;color:#cbd5e1}.btn-contact:hover{background-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-download{background-color:#10b981;color:#cbd5e1}.btn-download:hover{background-color:#059669;color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.btn-custom{position:relative;overflow:hidden;transition:all .3s ease}.btn-custom:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-custom:hover:before{width:300px;height:300px}.btn-custom:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.section-custom{padding:80px 0}.section-title{font-size:3rem;font-weight:600;margin-bottom:3rem;color:#e5e7eb;justify-self:start}.about-card{background-color:#1e293b;border:4px solid #3B82F6;border-radius:30px;padding:3rem}.about-card p{font-size:1.125rem;line-height:1.8;color:#cbd5e1;margin-bottom:1.5rem}.about-card a{color:#cbd5e1;text-decoration:underline;transition:color .3s ease}.about-card a:hover{color:#3b82f6}.about-card.collapsed{max-height:250px;overflow:hidden;position:relative}.about-card.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#1E293B)}.about-card.expanded{max-height:none}.read-more-btn{display:block;margin:1rem auto 0;padding:.5rem 1.5rem;background-color:#3b82f6;color:#cbd5e1;border:none;border-radius:5px;cursor:pointer}@media (min-width: 768px){.about-card.collapsed{max-height:none}.about-card.collapsed:after{display:none}.read-more-btn{display:none}}.skills-container{background-color:#1e293b;border:4px solid #3B82F6;border-radius:30px;padding:3rem}.skill-item{text-align:center;padding:1rem;transition:transform .3s ease}.skill-item:hover{transform:scale(1.1)}.skill-icon{width:80px;height:80px;object-fit:contain;margin-bottom:1rem}.skill-name{color:#cbd5e1;font-size:1rem;font-weight:500}.projects-wrapper{position:relative;display:flex;align-items:center;gap:2rem}.projects-cards-container{flex:1;overflow:hidden}.project-card{background-color:#1e293b;border:4px solid #3B82F6;border-radius:30px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.project-image{width:100%;height:300px;object-fit:cover}.project-content{padding:2.5rem}.project-title{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;color:#e5e7eb}.project-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:2rem}.project-info{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.project-info-item{display:flex;align-items:center;gap:.5rem}.project-info-item span:first-child{font-size:1.5rem}.project-info-label{color:#fff;font-weight:500}.project-info-value{color:#cbd5e1}.project-skills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.skill-badge{background-color:#d1d5db;color:var(--dark-bg);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500}.btn-demo{background-color:#3b82f6;color:#000}.btn-demo:hover{background-color:#2563eb;color:#fff}.btn-github{background-color:#10b981;color:#000}.btn-github:hover{background-color:#059669;color:#fff}.project-nav{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.btn-nav-arrow{width:60px;height:60px;border-radius:50%;background-color:#3b82f6;color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-nav-arrow:hover{background-color:#2563eb;transform:scale(1.1)}.project-counter{color:#cbd5e1;font-size:1.25rem;font-weight:500}.contact-section{background-color:#1e293b;padding:80px 0}.contact-title{font-size:3rem;font-weight:600;margin-bottom:1rem;color:#cbd5e1}.contact-subtitle{font-size:1.5rem;color:#cbd5e1;margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;background-color:#3b82f640;padding:1.5rem;border-radius:20px;margin-bottom:1rem;text-decoration:none;transition:all .3s ease}.contact-item:hover{background-color:#3b82f666;transform:translateY(-2px)}.contact-icon{width:50px;height:50px;object-fit:contain}.contact-text{color:#94a3b8;font-size:1.125rem;word-break:break-all}.contact-form{background-color:#111827;border-radius:30px;padding:2.5rem}.contact-form-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#cbd5e1}.form-control-custom{background-color:#cbd5e1;border:none;border-radius:30px;padding:1rem 1.5rem;font-size:1rem;color:#000}.form-control-custom::placeholder{color:#0006}.form-control-custom:focus{background-color:#cbd5e1;box-shadow:0 0 0 .2rem #3b82f680;color:#000}.form-select-custom{background-color:#cbd5e1;border:none;border-radius:30px;padding:1rem 1.5rem;font-size:1rem;color:#0006}.form-select-custom:focus{background-color:#cbd5e1;box-shadow:0 0 0 .2rem #3b82f680}.btn-submit{width:100%;background-color:#10b981;color:#000;border:1px solid #111827;padding:1rem 2rem;border-radius:50px;font-weight:500;font-size:1rem;transition:all .3s ease}.btn-submit:hover{background-color:#059669;color:#fff;transform:translateY(-2px)}.footer-custom{background-color:#0f172a;border-top:1px solid #1e293b;padding:2rem 0;text-align:center;color:var(--text-light)}h1,p,.btn-contact{font-family:Inter,sans-serif}h1{color:#e5e7eb}p{color:#cbd5e1}.social-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:12px}.social-btn{width:50px;height:50px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-decoration:none}.social-btn:hover{transform:scale(1.1);box-shadow:0 6px 12px #0003}.mobile-social-toggle{display:none}.mobile-social-menu{position:fixed;left:20px;bottom:80px;display:flex;flex-direction:column;gap:12px;z-index:999}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.social-sidebar{display:none}.mobile-social-toggle{display:flex;position:fixed;left:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:1001;transition:all .3s ease}.mobile-social-toggle:hover{transform:scale(1.05)}.mobile-social-toggle.active{background:#764ba2}.mobile-social-menu{display:flex}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.hero-title,.hero-subtitle,.hero-section .d-flex,.hero-image{animation:none;opacity:1;transform:none}}