:root{--ai-primary:#7c3aed;--ai-secondary:#6d28d9;--ai-dark:#4c1d95;--ai-light:rgba(124, 58, 237, 0.1);--text-color:#2d3436;--light-gray:#f3f4f6;--dark-gray:#4b5563;}body{font-family:'Poppins', sans-serif;color:var(--text-color);line-height:1.6;background-color:#f5f6fa;}.navbar{background-color:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}.navbar-brand{font-weight:600;color:var(--ai-primary) !important;}.nav-link:hover, .nav-link.active{color:var(--ai-primary) !important;}.hero-section{background:linear-gradient(135deg, var(--ai-primary), var(--ai-dark));color:white;padding:6rem 0;text-align:center;}.hero-section h1{font-weight:800;}.hero-features .badge{background-color:rgba(255, 255, 255, 0.15);backdrop-filter:blur(8px);color:white;padding:0.6rem 1.2rem;margin:0 0.5rem;border:1px solid rgba(255, 255, 255, 0.2);}.image-container{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.05);}.drop-zone{border:3px dashed #e5e7eb;border-radius:20px;padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.drop-zone:hover, .drop-zone.dragover{border-color:var(--ai-primary);background-color:var(--ai-light);}.drop-zone-prompt i{font-size:5rem;background:linear-gradient(to bottom, var(--ai-primary), var(--ai-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;}.preview-image{max-width:100%;max-height:400px;border-radius:16px;}.result-box{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.05);}.alt-text-result{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;font-size:1.1rem;min-height:100px;}@keyframes sparkle{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.2);opacity:0.8;}100%{transform:scale(1);opacity:1;}}.sparkle-icon{animation:sparkle 2s infinite;color:#fbbf24;}.ai-loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:var(--ai-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;}@keyframes rotation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.btn{padding:1rem 1.5rem;font-weight:600;border-radius:14px;}.btn-primary{background:linear-gradient(to right, var(--ai-primary), var(--ai-secondary));border:none;box-shadow:0 4px 6px -1px rgba(124, 58, 237, 0.3);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(124, 58, 237, 0.4);}.footer{background-color:#fff;border-top:1px solid #e5e7eb;}