:root{--ai-primary:linear-gradient(135deg,#667eea,#764ba2);--ai-secondary:linear-gradient(135deg,#f093fb,#f5576c);--ai-accent:linear-gradient(135deg,#4facfe,#00f2fe);--ai-dark:#0f0f1e;--ai-light:#fafaff;--ai-glow:0 0 40px rgba(102,126,234,0.5);--ai-hover-glow:0 0 60px rgba(102,126,234,0.8);--ai-text-glow:0 0 20px rgba(245,87,108,0.6)}.ai-beauty-section{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e 50%,#16213e);position:relative;overflow:hidden}.ai-particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(90deg,#667eea,#f5576c);border-radius:50%;animation:float-particle 20s linear infinite;opacity:.6}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(2turn);opacity:0}}.ai-container{max-width:1400px;margin:0 auto;padding:80px 20px;position:relative;z-index:10}.ai-hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;text-align:center;background:linear-gradient(90deg,#667eea,#764ba2,#f5576c,#667eea);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 5s ease infinite;margin-bottom:20px;line-height:1.1;letter-spacing:-2px}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ai-subtitle{font-size:1.3rem;color:#b8b8d8;text-align:center;margin-bottom:60px;font-weight:300;letter-spacing:.5px}.ai-upload-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;margin-bottom:100px}.ai-upload-box{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:60px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.ai-upload-box:hover{transform:translateY(-10px);box-shadow:var(--ai-glow);border-color:rgba(102,126,234,.3)}.ai-upload-zone{border:3px dashed rgba(102,126,234,.3);border-radius:20px;padding:60px 40px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.ai-upload-zone:hover{border-color:rgba(102,126,234,.6);background:rgba(102,126,234,.05)}.ai-upload-zone.dragover{border-color:#667eea;background:rgba(102,126,234,.1);transform:scale(1.02)}.upload-icon{width:100px;height:100px;margin:0 auto 30px;position:relative}.camera-icon{width:100%;height:100%;background:var(--ai-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E") center/contain no-repeat;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(102,126,234,.8))}}.upload-text{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:15px}.upload-subtext{color:#8888aa;font-size:1rem}.ai-preview-section{background:rgba(255,255,255,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:40px;position:relative;overflow:hidden}.preview-badges{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.ai-badge{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(245,87,108,.2));border:1px solid rgba(102,126,234,.3);border-radius:50px;padding:8px 20px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:8px;transition:all .3s ease}.ai-badge:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3)}.badge-icon{width:16px;height:16px}.analysis-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin:60px 0}.step-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;text-align:center;position:relative;overflow:hidden;transition:all .4s ease}.step-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--ai-primary);border-radius:20px;opacity:0;z-index:-1;transition:opacity .4s ease}.step-card:hover:before{opacity:1}.step-card:hover{transform:translateY(-10px) scale(1.02);border-color:transparent}.step-number{width:50px;height:50px;background:var(--ai-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;font-weight:700;color:white}.step-title{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600}.step-description{color:#a8a8c8;font-size:.95rem;line-height:1.6}.ai-results-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:80px}.result-card{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(245,87,108,.05));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:35px;position:relative;overflow:hidden;transition:all .4s ease}.result-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--ai-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.result-card:hover:after{transform:scaleX(1)}.result-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(102,126,234,.2)}.result-icon{width:60px;height:60px;background:var(--ai-primary);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px;color:white}.result-title{font-size:1.3rem;color:#fff;margin-bottom:15px;font-weight:600}.result-description{color:#b8b8d8;line-height:1.6;margin-bottom:20px}.result-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);border-radius:20px;padding:5px 15px;font-size:.85rem;color:#a8c8ff;transition:all .3s ease}.tag:hover{background:rgba(102,126,234,.3);transform:scale(1.05)}.ai-cta-button{background:var(--ai-primary);color:white;border:none;border-radius:50px;padding:18px 50px;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 10px 30px rgba(102,126,234,.3);margin:40px auto;display:block}.ai-cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.ai-cta-button:hover:before{width:300px;height:300px}.ai-cta-button:hover{transform:translateY(-3px);box-shadow:var(--ai-hover-glow)}.security-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:50px;padding:10px 25px;margin:20px auto;color:#4caf50}.security-icon{width:20px;height:20px}.ai-loading{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,15,30,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center}.ai-loading.active{display:flex}.loading-spinner{width:80px;height:80px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.ai-upload-container{grid-template-columns:1fr;gap:40px}.ai-hero-title{font-size:clamp(2rem,6vw,3.5rem)}.ai-upload-box{padding:30px}.ai-results-container,.analysis-steps{grid-template-columns:1fr}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scale-in{opacity:0;transform:scale(.9);animation:scaleIn .6s ease forwards}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.glow-text{text-shadow:var(--ai-text-glow)}.glow-border{box-shadow:inset 0 0 20px rgba(102,126,234,.1),0 0 40px rgba(102,126,234,.2)}