.skin-consultation{min-height:70vh;padding:2rem 0}.upload-section{max-width:900px;margin:0 auto;text-align:center}.upload-section h2{margin-bottom:.5rem}.subtitle{color:#fffc;margin-bottom:3rem;font-size:1.1rem}.error-banner{background:#f443361a;border:1px solid #f44336;color:#ff6b6b;padding:1rem;border-radius:var(--radius-md);margin-bottom:2rem}.upload-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.option-card{background:var(--color-surface);border:2px dashed rgba(255,255,255,.2);padding:3rem 2rem;border-radius:var(--radius-lg);transition:all .3s ease;cursor:pointer;width:100%;color:#fff;text-align:center;position:relative;overflow:hidden}.option-card:hover{border-color:var(--color-accent);background:#00d9ff0d;transform:translateY(-5px);box-shadow:var(--shadow-glow)}.option-card .icon{font-size:4rem;margin-bottom:1rem}.option-card h3{font-size:1.5rem;margin-bottom:.5rem}.option-card p{color:#ffffffbf;font-size:.95rem}.camera-container{margin:2rem 0}.camera-feed{width:100%;max-width:640px;border-radius:var(--radius-lg);margin-bottom:1.5rem}.camera-controls{display:flex;gap:1rem;justify-content:center}.preview-section{margin:2rem 0}.image-preview{max-width:500px;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem}.preview-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.disclaimer{margin-top:3rem;padding:1.5rem;background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.disclaimer small{color:#ffffffb3;line-height:1.6;font-size:.9rem}.analysing-section{min-height:60vh;display:flex;align-items:center;justify-content:center}.loader-container{text-align:center}.ai-loader{position:relative;width:150px;height:150px;margin:0 auto 2rem}.pulse-ring{position:absolute;inset:0;border:3px solid var(--color-accent);border-radius:50%;animation:pulse 2s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.results-section{max-width:1200px;margin:0 auto}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.btn-outline-sm{padding:.5rem 1rem;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-full);font-size:.875rem;transition:all .3s}.btn-outline-sm:hover{background:var(--color-accent);color:var(--color-bg)}.results-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-bottom:4rem}.result-image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.result-overview{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.info-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem}.highlight{font-size:1.5rem;font-family:var(--font-serif);color:var(--color-accent)}.concerns-list{list-style:none;padding:0}.concerns-list li{background:#ffffff08;border-radius:var(--radius-sm);margin-bottom:.5rem;border-left:3px solid var(--color-accent);padding:.75rem .75rem .75rem 1rem}.summary-card p{line-height:1.8;color:#ffffffe6;font-size:1.05rem}.recommendations-section{background:var(--color-surface);padding:3rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.section-title{text-align:center;margin-bottom:2rem;font-size:2rem}.treatment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.treatment-card{background:var(--color-bg);padding:2rem;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.05);position:relative;transition:all .3s ease}.treatment-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.treatment-card.priority-high{border-color:var(--color-accent);background:#00d9ff08}.treatment-card.priority-medium{border-color:#64b5f680}.priority-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:var(--color-accent);color:var(--color-bg);border-radius:var(--radius-full);font-size:.7rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.treatment-card.priority-medium .priority-badge{background:#64b5f6cc}.treatment-card.priority-low .priority-badge{background:#fff3}.treatment-card h4{font-size:1.3rem;margin-bottom:.5rem;padding-right:5rem}.treatment-category{font-size:.85rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.reason{color:#fffc;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.treatment-meta{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.treatment-meta .price{font-size:1.25rem;font-weight:600;color:var(--color-accent)}.treatment-meta .duration{font-size:.9rem;color:var(--color-text-secondary)}.cta-footer{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.cta-footer p{font-size:1.2rem;margin-bottom:1.5rem;color:#ffffffd9}.btn-lg{padding:1rem 3rem;font-size:1.1rem}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.results-grid,.treatment-grid{grid-template-columns:1fr}.recommendations-section{padding:2rem 1.5rem}.upload-options{grid-template-columns:1fr}}.page-content{padding-top:100px;padding-bottom:4rem}.quiz-container{max-width:600px;margin:0 auto;min-height:450px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(--spacing-md)}.quiz-loading{text-align:center;padding:var(--spacing-lg) 0}.spinner-icon{display:inline-block;padding:1rem;border-radius:50%;background:#00d9ff1a;margin-bottom:1rem;animation:pulse 2s infinite}.quiz-progress-header{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.quiz-progress-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:2rem}.quiz-progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.quiz-question{font-size:2rem;font-family:var(--font-serif);font-weight:400;color:var(--color-text-primary);text-align:center;margin-bottom:2rem;line-height:1.2}.quiz-options-grid{display:flex;flex-direction:column;gap:.75rem}.quiz-option-btn{width:100%;padding:1.25rem;display:flex;align-items:center;gap:1rem;text-align:left;background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;color:var(--color-text-primary);font-family:var(--font-sans)}.quiz-option-btn:hover{background:#ffffff0d;border-color:#00d9ff80;transform:translateY(-2px)}.quiz-icon-wrapper{color:var(--color-accent);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.quiz-option-btn:hover .quiz-icon-wrapper{transform:scale(1.1)}.quiz-label{font-weight:500;font-size:1.1rem;flex:1}.quiz-arrow{opacity:0;transform:translate(-10px);transition:all .2s ease;color:var(--color-accent)}.quiz-option-btn:hover .quiz-arrow{opacity:1;transform:translate(0)}.result-card{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.result-header{text-align:center;margin-bottom:2rem}.result-title{font-family:var(--font-serif);font-size:2.5rem;color:var(--color-accent);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.schedule-container{background:#0000004d;padding:1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.schedule-title{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.schedule-row{display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1rem}.schedule-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.day-label{width:80px;font-weight:700;color:var(--color-accent);flex-shrink:0}.day-focus{font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.day-exercises{font-size:.875rem;color:var(--color-text-secondary)}.tip-box{background:#00d9ff1a;padding:1rem;border-radius:var(--radius-md);border-left:3px solid var(--color-accent);margin-bottom:2rem;display:flex;gap:1rem}.restart-btn{width:100%;padding:1rem;background:#ffffff1a;color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:background .2s ease}.restart-btn:hover{background:#fff3}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media(max-width:600px){.schedule-row{flex-direction:column;gap:.25rem}.day-label{width:auto}}