html{scroll-behavior:smooth}.loading{opacity:0}.loaded{opacity:1;transition:opacity 0.5s ease-in}.flag-btn{width:38px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.3s ease}.gradient-bg{background:radial-gradient(ellipse at center,rgb(59 130 246 / .1) 0%,rgb(17 24 39 / .8) 50%,rgb(3 7 18) 100%)}.cta-button{padding:1rem 2rem;border-radius:.75rem;font-weight:600;display:inline-block;text-align:center;transition:all 0.3s ease}.cta-button.primary{background:#2563eb;color:#fff}.cta-button.secondary{border:1px solid #4b5563;color:#d1d5db;background:#fff0}.cta-button.secondary{border:1px solid #4b5563;color:#d1d5db;background:#fff0}.cta-button.secondary:hover{border-color:#3b82f6;color:#fff}.service-card{transition:all 0.3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(59 130 246 / .15);border-color:#3b82f6}.skill-tag{background:rgb(55 65 81 / .8);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;border:1px solid rgb(75 85 99 / .5);color:#e5e7eb}.tech-tag{background:rgb(31 41 55 / .8);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;color:#93c5fd;border:1px solid rgb(59 130 246 / .3)}.portfolio-card{transition:all 0.3s ease}.portfolio-card:hover{border-color:#3b82f6;transform:translateY(-4px)}.faq-card{transition:all 0.3s ease}.faq-card:hover{border-color:#3b82f6}.form-input,.form-textarea{width:100%;padding:1rem;background:#374151;border-radius:.75rem;border:1px solid #4b5563;color:#fff;transition:all 0.3s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgb(59 130 246 / .1)}.form-textarea{height:8rem;resize:vertical}.form-button{width:100%;background:#2563eb;color:#fff;padding:1rem 2rem;border-radius:.75rem;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.form-button:hover{background:#1d4ed8;transform:scale(1.02)}.social-button{padding:.75rem 2rem;border-radius:9999px;font-weight:600;transition:all 0.3s ease;text-decoration:none;display:inline-block}.social-button.email{background:#2563eb;color:#fff}.social-button.email:hover{background:#1d4ed8;transform:scale(1.05)}.social-button.linkedin,.social-button.github{background:#374151;color:#d1d5db}.social-button.linkedin:hover,.social-button.github:hover{background:#4b5563;transform:scale(1.05)}.footer-link{transition:color 0.3s ease;color:#6b7280;text-decoration:none}.footer-link:hover{color:#3b82f6}.nav-link{transition:color 0.3s ease;position:relative;text-decoration:none}.nav-link:hover::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:#3b82f6}.contact-form{transition:all 0.3s ease}@media (max-width:768px){.service-card:hover{transform:none}.portfolio-card:hover{transform:none}.cta-button{width:100%;margin-bottom:.5rem}.social-button{padding:.75rem 1.5rem;font-size:.875rem}}