.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:float 6s ease-in-out infinite}.gradient-orb:nth-child(2){width:300px;height:300px;background:radial-gradient(circle,#8b5cf6,#a855f7);top:20%;left:10%;animation-delay:-2s}.gradient-orb:nth-child(3){width:200px;height:200px;background:radial-gradient(circle,#06b6d4,#0891b2);top:60%;right:20%;animation-delay:-4s}.gradient-orb:nth-child(4){width:250px;height:250px;background:radial-gradient(circle,#f59e0b,#d97706);bottom:20%;left:50%;animation-delay:-1s}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(139,92,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.footer{background:var(--surface);border-top:1px solid var(--surface-light);margin-top:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:60px 0 40px}.footer-brand{grid-column:span 1}.footer-brand-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 12px;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 20px;max-width:350px}.footer-social-links{display:flex;gap:12px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--surface-light);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:1px solid transparent}.footer-social-link:hover{background:var(--surface-lighter);color:var(--text);border-color:var(--surface-lighter);transform:translateY(-2px)}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 20px}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-link:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--surface-light);flex-wrap:wrap;gap:16px}.footer-bottom-left{flex:1}.footer-bottom-right{flex:1;text-align:right}.footer-copyright{color:var(--text-secondary);font-size:14px;margin:0}.footer-made-with{color:var(--text-secondary);font-size:14px;margin:0;display:flex;align-items:center;justify-content:flex-end;gap:4px}.footer-heart{color:#ef4444}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr 1fr;gap:30px;padding:40px 0 30px}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;text-align:center;gap:12px}.footer-bottom-right{text-align:center}.footer-made-with{justify-content:center}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:25px;padding:30px 0 20px}.footer-brand{grid-column:span 1;text-align:center}.footer-brand-description{max-width:none}.footer-social-links{justify-content:center}.footer-section{text-align:center}.footer-container{padding:0 16px}}.camera-container{position:relative;width:100%;max-width:500px;margin:0 auto;border-radius:12px;overflow:hidden;background:var(--surface-light)}.camera-video{width:100%;display:block;border-radius:12px}.capture-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:70px;height:70px;border-radius:50%;background:#fff;border:4px solid var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.capture-btn:hover{transform:translate(-50%) scale(1.1);box-shadow:0 6px 16px #0006}.capture-btn:active{transform:translate(-50%) scale(.95)}.camera-error{padding:40px;text-align:center;color:var(--error);background:var(--surface);border-radius:12px;border:2px solid var(--error)}.outfit-card{background:var(--surface);border-radius:20px;overflow:hidden;border:2px solid var(--surface-light);height:100%;display:flex;flex-direction:column}.outfit-images{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--background);padding:2px}.outfit-item{position:relative;aspect-ratio:1;background:var(--surface-light);overflow:hidden}.outfit-item-image{width:100%;height:100%;object-fit:cover}.outfit-item-label{position:absolute;bottom:8px;left:8px;background:#0f172ae6;padding:4px 10px;border-radius:12px;fontSize:12px;font-weight:600;text-transform:capitalize}.outfit-info{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}.outfit-title{fontSize:24px;fontWeight:bold;color:var(--text)}.outfit-tags{display:flex;flex-wrap:wrap;gap:10px}.outfit-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-light);borderRadius:16px;fontSize:14px;color:var(--text-secondary);textTransform:capitalize}.outfit-tag svg{color:var(--primary)}.outfit-description{fontSize:15px;color:var(--text-secondary);lineHeight:1.6}.outfit-ai-reason{padding:16px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);borderRadius:12px;fontSize:14px;color:var(--text-secondary);lineHeight:1.6;marginTop:auto}.outfit-ai-reason strong{color:var(--primary);display:block;marginBottom:6px}@media (max-width: 768px){.outfit-info{padding:20px}.outfit-title{fontSize:20px}}.swipe-container{position:relative;width:100%;max-width:500px;height:600px;margin:0 auto}.swipe-card{position:absolute;width:100%;height:100%;cursor:grab;-webkit-user-select:none;user-select:none}.swipe-card:active{cursor:grabbing}.swipe-indicators{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .3s ease}.swipe-indicator-left{left:20px;background:#ef444433;border:4px solid var(--error);color:var(--error)}.swipe-indicator-right{right:20px;background:#10b98133;border:4px solid var(--success);color:var(--success)}.swipe-card[style*="translateX(-"] .swipe-indicator-left,.swipe-card[style*="translateX("] .swipe-indicator-right{opacity:1}.swipe-buttons{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);display:flex;gap:24px}.swipe-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0003}.swipe-btn:hover{transform:scale(1.1)}.swipe-btn:active{transform:scale(.95)}.swipe-btn-reject{background:var(--error);color:#fff}.swipe-btn-like{background:var(--success);color:#fff}@media (max-width: 768px){.swipe-container{height:500px}.swipe-buttons{bottom:-70px}.swipe-btn{width:56px;height:56px}.swipe-indicator{width:100px;height:100px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--background: #0f172a;--surface: #1e293b;--surface-light: #334155;--surface-lighter: #475569;--text: #f1f5f9;--text-secondary: #cbd5e1;--accent: #ec4899;--success: #10b981;--warning: #f59e0b;--error: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text);overflow-x:hidden}.app{min-height:100vh;position:relative;display:flex;flex-direction:column}.main-content{position:relative;z-index:1;padding:80px 20px 20px;max-width:1400px;margin:0 auto;flex:1;width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .5s ease-out}.btn{padding:12px 24px;border-radius:12px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--surface-light)}.btn-secondary:hover{background:var(--surface-light);transform:translateY(-2px)}.card{background:var(--surface);border-radius:16px;padding:24px;border:1px solid var(--surface-light);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--surface-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.main-content{padding:70px 16px 16px}.btn{padding:10px 20px;font-size:14px}}.feedback-form input:focus,.feedback-form textarea:focus,.feedback-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.feedback-form .star-button:hover{transform:scale(1.1)}.feedback-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.feedback-form .back-button:hover{background:var(--surface-lighter);transform:translateY(-2px)}@media (max-width: 768px){.feedback-form-grid{grid-template-columns:1fr!important}.feedback-form{padding:24px!important}.feedback-container{padding:20px 16px!important}}