*{box-sizing:border-box}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#1a1a1a}#root{width:100%}@media(prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#fff}}:root{--primary: #d4728c;--primary-light: #f0a5bb;--bg-light: #fdf5f7;--bg-dark: #1f1319;--charcoal: #1a1a1a;--white: #ffffff;--font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Playfair Display", Georgia, serif}.landing-page{min-height:100vh;background:var(--bg-light);color:var(--charcoal)}.landing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fdf5f7e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,114,140,.1)}@media(min-width:768px){.landing-header{padding:1rem 5rem}}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:32px;height:32px;color:var(--primary)}.logo-text{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;font-style:italic;color:var(--charcoal)}.nav-links{display:none;gap:3rem}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{color:#1a1a1ab3;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:1rem}.lang-selector{display:none;gap:.25rem}@media(min-width:640px){.lang-selector{display:flex}}.lang-btn-sm{padding:.375rem .625rem;font-size:.625rem;border:1px solid transparent;border-radius:4px;background:transparent;color:#1a1a1a80;cursor:pointer;transition:all .2s;font-weight:600}.lang-btn-sm:hover{color:var(--primary)}.lang-btn-sm.active{background:var(--primary);color:var(--white)}.btn-primary{padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;color:var(--white);background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #d4728c4d}.btn-primary:hover{background:#b8942f;transform:translateY(-1px)}.hero-section{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}@media(min-width:768px){.hero-section{flex-direction:row}}.hero-image{position:relative;width:100%;height:400px;background:#2a2a2a;overflow:hidden}@media(min-width:768px){.hero-image{width:50%;height:auto;min-height:calc(100vh - 80px)}}.hero-image-bg{position:absolute;inset:0;background:linear-gradient(135deg,#2a2025,#1a1518);background-image:url(/hero-image.jpeg);background-size:contain;background-position:center center;background-repeat:no-repeat;image-rendering:high-quality;transition:transform .7s}.hero-image:hover .hero-image-bg{transform:scale(1.05)}.glass-card{position:absolute;top:2.5rem;left:2.5rem;padding:1rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,114,140,.3);border-radius:12px}.glass-tag{display:block;color:var(--primary);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.glass-text{color:var(--white);font-family:var(--font-serif);font-size:1.125rem;font-style:italic;margin:.25rem 0 0}.slider-handle{position:absolute;right:2.5rem;top:0;bottom:0;width:2px;background:#d4728c66;display:flex;align-items:center;justify-content:center}.slider-dot{width:40px;height:40px;background:var(--primary);border-radius:50%;box-shadow:0 4px 20px #d4728c80;cursor:ew-resize}.hero-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;background:var(--bg-light)}@media(min-width:768px){.hero-content{width:50%;padding:5rem}}.hero-tag{display:inline-block;margin-bottom:1rem;padding:.375rem .75rem;background:#d4728c1a;color:var(--primary);font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;border-radius:20px;width:fit-content}.hero-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:900;line-height:1.1;margin:0 0 1.5rem;color:var(--charcoal)}@media(min-width:768px){.hero-title{font-size:3.5rem}}@media(min-width:1024px){.hero-title{font-size:4.5rem}}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:#1a1a1a99;font-size:1rem;line-height:1.7;margin:0 0 2.5rem;max-width:480px;font-weight:300}@media(min-width:768px){.hero-desc{font-size:1.125rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem}@media(min-width:480px){.hero-buttons{flex-direction:row}}.btn-dark{padding:1rem 2rem;font-size:1rem;font-weight:700;color:var(--white);background:var(--charcoal);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-dark:hover{opacity:.9;transform:translateY(-2px)}.btn-outline{padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--charcoal);background:transparent;border:1px solid rgba(26,26,26,.1);border-radius:8px;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#1a1a1a0d}.featured-in{display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(26,26,26,.05);opacity:.4;filter:grayscale(1)}.magazine{font-family:var(--font-serif);font-size:1.25rem;font-style:italic}.service-intro-section{padding:4rem 2rem;background:#d4728c08}@media(min-width:768px){.service-intro-section{padding:5rem}}.service-steps{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.service-step{text-align:center;flex:0 1 200px}.service-step-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#e88fa7);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.service-step h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.service-step p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.service-step-arrow{font-size:1.5rem;color:var(--primary);font-weight:300;opacity:.5}@media(max-width:600px){.service-step-arrow{display:none}.service-steps{flex-direction:column;gap:1.5rem}}.path-section{padding:5rem 2rem}@media(min-width:768px){.path-section{padding:5rem}}.section-title{text-align:center;font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:var(--charcoal);margin:0 0 1rem}@media(min-width:768px){.section-title{font-size:2.25rem}}.section-divider{width:80px;height:4px;background:var(--primary);margin:0 auto 3rem}.path-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.path-grid{grid-template-columns:repeat(2,1fr)}}.path-card{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 25px 50px -12px #00000040;transition:transform .3s}@media(min-width:768px){.path-card{aspect-ratio:4/3}}.path-card:hover{transform:translateY(-8px)}.path-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s}.path-card:hover .path-image{transform:scale(1.1)}.path-image-1{background-image:url(https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=800&q=80)}.path-image-2{background-image:url(https://images.unsplash.com/photo-1558171813-4c088753af8f?w=800&q=80)}.path-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.9) 0%,rgba(26,26,26,.2) 50%,transparent 100%)}.path-content{position:absolute;inset:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.path-content{padding:2.5rem}}.path-glass{padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px}.path-module{color:var(--primary);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em}.path-price{display:inline-block;margin-left:.75rem;padding:.25rem .75rem;background:#ffffff26;border-radius:20px;color:var(--white);font-size:.875rem;font-weight:700;letter-spacing:0}.path-price.best{background:linear-gradient(135deg,var(--primary),#f4e4bc);color:var(--charcoal)}.path-card.featured{transform:scale(1.02)}.path-card.featured .path-glass{border-color:var(--primary);box-shadow:0 0 30px #d4af3733}.path-title{color:var(--white);font-family:var(--font-serif);font-size:1.5rem;margin:.5rem 0 .75rem}@media(min-width:768px){.path-title{font-size:1.875rem}}.path-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.path-header .path-price{margin-left:auto}.path-badge{padding:.2rem .5rem;background:linear-gradient(135deg,#ff6b6b,orange);border-radius:4px;color:#fff;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.path-desc{color:#ffffffb3;font-size:.875rem;line-height:1.6;margin:0 0 1rem;max-width:280px}.path-features{list-style:none;padding:0;margin:0 0 1rem}.path-features li{color:#ffffffd9;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.path-features li:last-child{border-bottom:none}.path-card.featured .path-features li{color:#fffffff2}.path-explore{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:gap .3s}.path-card:hover .path-explore{gap:1rem}.algorithm-section{position:relative;background:var(--charcoal);color:var(--white);padding:5rem 2rem;overflow:hidden}@media(min-width:768px){.algorithm-section{padding:6rem 5rem}}.algorithm-bg{position:absolute;top:0;right:0;width:500px;height:500px;background:#d4728c0d;border-radius:50%;filter:blur(120px);transform:translate(50%,-50%)}.algorithm-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:768px){.algorithm-container{grid-template-columns:5fr 7fr;gap:4rem}}.algorithm-left{display:flex;flex-direction:column;gap:2rem}.algorithm-tag{color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.4em}.algorithm-title{font-family:var(--font-serif);font-size:2rem;font-style:italic;line-height:1.2;margin:0}@media(min-width:768px){.algorithm-title{font-size:2.75rem}}.algorithm-desc{color:#fff9;font-size:1rem;line-height:1.7;font-weight:300;margin:0}@media(min-width:768px){.algorithm-desc{font-size:1.125rem}}.btn-gold{padding:.875rem 2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--white);background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:fit-content}.btn-gold:hover{transform:scale(1.05)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.algorithm-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.algorithm-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:border-color .3s}.feature-card:hover{border-color:#d4728c80}.feature-icon{font-size:1.5rem}.feature-card h4{font-family:var(--font-serif);font-size:1.25rem;margin:0}.feature-card p{color:#ffffff80;font-size:.875rem;line-height:1.6;margin:0}.landing-footer{background:var(--bg-light);padding:5rem 2rem 2rem;border-top:1px solid rgba(212,114,140,.1)}@media(min-width:768px){.landing-footer{padding:5rem}}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand{max-width:280px}.footer-logo{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--charcoal);margin:0 0 1rem}.footer-desc{color:#1a1a1a80;font-size:.875rem;line-height:1.6;margin:0}.footer-links{display:flex;gap:4rem}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h5{color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin:0 0 .5rem}.footer-col a{color:#1a1a1ab3;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-col a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(212,114,140,.05);text-align:center}.footer-bottom span{color:#1a1a1a4d;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.app-container{min-height:100vh;background:var(--bg-light);color:var(--charcoal)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fdf5f7e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,114,140,.1)}.page-title{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;margin:0;color:var(--charcoal)}.back-btn{padding:.5rem 1rem;font-size:.875rem;color:#1a1a1ab3;background:transparent;border:1px solid rgba(26,26,26,.1);border-radius:8px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#1a1a1a0d;color:var(--charcoal)}.input-container{max-width:100%;background:linear-gradient(180deg,var(--bg-light) 0%,#f8f5f0 100%);min-height:100vh}.input-page-content{max-width:1000px;margin:0 auto;padding:2rem}@media(min-width:768px){.input-page-content{padding:3rem 2rem}}.input-hero{text-align:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#d4728c14,#d4728c05);border-radius:24px;border:1px solid rgba(212,114,140,.1)}.input-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;border-radius:20px;margin-bottom:1.25rem;box-shadow:0 4px 12px #d4728c4d}.input-title{font-family:var(--font-serif);font-size:2rem;font-weight:900;line-height:1.2;margin:0 0 1rem;color:var(--charcoal)}@media(min-width:768px){.input-title{font-size:2.75rem}}.input-desc{color:#1a1a1a99;font-size:1.0625rem;margin:0;line-height:1.6}.profile-form{width:100%;background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014;border:1px solid rgba(212,114,140,.1)}@media(min-width:768px){.profile-form{padding:3rem}}.form-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}}.photo-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.photo-upload{width:100%;max-width:320px;aspect-ratio:3/4;border:2px dashed rgba(212,114,140,.4);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;overflow:hidden;background:linear-gradient(135deg,#d4728c0d,#d4728c05);position:relative}.photo-upload:before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,114,140,.15);border-radius:16px;pointer-events:none}.photo-upload:hover{border-color:var(--primary);background:linear-gradient(135deg,#d4728c1f,#d4728c0d);transform:translateY(-4px);box-shadow:0 20px 40px #d4728c26}.photo-upload.dragging{border-color:var(--primary);border-style:solid;background:linear-gradient(135deg,#d4728c33,#d4728c1a);transform:scale(1.02)}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#1a1a1a80;text-align:center;padding:1rem}.camera-icon{font-size:3.5rem;filter:grayscale(.3)}.photo-placeholder span:last-child{font-weight:500;font-size:.9375rem}.photo-preview{width:100%;height:100%;object-fit:contain;background:linear-gradient(135deg,#f8f4f0,#f0ebe5)}.hidden-input{display:none}.photo-hint{font-size:.8125rem;color:#1a1a1a80;margin:0;text-align:center;font-style:italic}.input-section{display:flex;flex-direction:column;gap:1.75rem}.input-group{display:flex;flex-direction:column;gap:.625rem}.input-group label{font-size:.8125rem;font-weight:700;color:var(--charcoal);text-transform:uppercase;letter-spacing:.08em}.input-group input{padding:1.125rem 1.25rem;font-size:1rem;font-family:var(--font-display);border:2px solid rgba(26,26,26,.08);border-radius:14px;outline:none;background:#fafafa;transition:all .3s ease}.input-group input:hover{border-color:#d4728c4d}.input-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #d4728c1a}.input-group input::placeholder{color:#1a1a1a59}.gender-options{display:flex;gap:.875rem}.gender-btn{flex:1;padding:1.125rem .75rem;font-size:.875rem;font-family:var(--font-display);font-weight:600;border:2px solid rgba(26,26,26,.08);border-radius:14px;background:#fafafa;color:#1a1a1a99;cursor:pointer;transition:all .3s ease}.gender-btn:hover{border-color:var(--primary);color:var(--primary);background:#d4728c0d;transform:translateY(-2px)}.gender-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-color:transparent;color:var(--white);box-shadow:0 8px 20px #d4728c59;transform:translateY(-2px)}.submit-btn{margin-top:1.5rem;width:100%;padding:1.25rem 2rem;font-size:1rem;font-weight:700;letter-spacing:.05em;border-radius:14px;box-shadow:0 8px 24px #d4728c4d;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #d4728c66}.submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1.5rem}.spinner{width:60px;height:60px;border:4px solid rgba(212,114,140,.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:24px;height:24px;border-width:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-page h2{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal);margin:0}.loading-page p{color:#1a1a1a99;margin:0}.progress-bar-container{width:280px;height:6px;background:#d4728c26;border-radius:3px;overflow:hidden}.progress-bar-container.small{width:200px;height:4px;margin-top:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#e88fa7);border-radius:3px;transition:width .5s ease}.progress-bar.animated{width:0%;animation:progressIndeterminate 2s ease-in-out infinite}@keyframes progressIndeterminate{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.progress-text{font-size:.85rem;font-weight:600;color:var(--primary)}.error-message{width:100%;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.error-message button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-display)}.result-container{max-width:900px;margin:0 auto;padding-bottom:4rem;background:linear-gradient(180deg,#faf9f6,#f5f3ef);min-height:100vh}.report-section{padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.profile-summary{display:flex;gap:1.5rem;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#d4728c26,#d4728c0d);border:1px solid rgba(212,114,140,.2);border-radius:20px;box-shadow:0 4px 20px #d4728c1a}.result-photo{width:100px;height:130px;object-fit:cover;border-radius:16px;border:3px solid white;box-shadow:0 8px 24px #0000001f}.profile-info{display:flex;flex-direction:column;gap:.5rem;color:#1a1a1ab3;font-size:.95rem;font-weight:500;letter-spacing:.02em}.report-content{padding:2.5rem;background:#fff;border:1px solid rgba(212,114,140,.15);border-radius:24px;line-height:1.8;box-shadow:0 8px 40px #0000000f;counter-reset:report-list}.report-content h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--charcoal);margin:2rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,114,140,.15);letter-spacing:.01em}.report-content h2:first-child{margin-top:0}.report-content h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--charcoal);margin:1.5rem 0 .5rem}.report-content p{margin:0 0 .75rem;color:var(--charcoal);font-size:.95rem;line-height:1.7;letter-spacing:.01em}.report-content p:empty{display:none}.report-content p:last-child{margin-bottom:0}.report-content li{color:var(--charcoal);font-size:.95rem;line-height:1.7;margin:.3rem 0;padding-left:1.25rem;position:relative;list-style:none}.report-content li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--gold)}.report-content li.numbered{counter-increment:report-list;padding-left:1.5rem}.report-content li.numbered:before{content:counter(report-list) ".";width:auto;height:auto;border-radius:0;background:none;color:var(--gold);font-weight:700;font-size:.9rem;top:0}.report-content strong{font-weight:700;color:var(--charcoal)}.report-content em{font-style:italic;color:#1a1a1a99}.report-content hr{border:none;border-top:1px solid rgba(212,114,140,.2);margin:1.5rem 0}.style-gallery-section{padding:3rem 2.5rem 0;margin-top:3rem;border-top:1px solid rgba(212,114,140,.15)}.style-gallery-header{text-align:center;margin-bottom:2rem}.style-gallery-header h2{font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:var(--charcoal);margin:0 0 .75rem;letter-spacing:.02em}.style-gallery-header p{color:#1a1a1a80;font-size:.9rem;letter-spacing:.03em;margin:0}.style-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#1a1a1a99}.demo-notice{text-align:center;color:#1a1a1a80;font-size:.75rem;margin-bottom:1rem;padding:.5rem;background:#d4728c1a;border-radius:8px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.style-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.style-image-container{width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#d4728c1a;display:flex;align-items:center;justify-content:center}.style-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.style-card:hover .style-image{transform:scale(1.05)}.style-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#d4728c1a,#d4728c33)}.style-icon{font-size:2rem;opacity:.5}.style-label{font-size:.75rem;font-weight:600;color:#1a1a1ab3;text-align:center}.result-actions{padding:2rem;display:flex;justify-content:center}.result-actions .btn-dark{min-width:200px}.transform-section{padding:3rem 2.5rem 0;margin-top:3rem;border-top:1px solid rgba(212,114,140,.15)}.transform-header{text-align:center;margin-bottom:2rem}.transform-header h2{font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:var(--charcoal);margin:0 0 .75rem;letter-spacing:.02em}.transform-header p{color:#1a1a1a80;font-size:.9rem;letter-spacing:.03em;margin:0}.transform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.transform-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.transform-image-container{width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#d4728c1a;display:flex;align-items:center;justify-content:center}.transform-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.transform-card:hover .transform-image{transform:scale(1.05)}.transform-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#d4728c1a,#d4728c33)}.transform-icon{font-size:2rem;opacity:.5}.transform-label{font-size:.75rem;font-weight:600;color:#1a1a1ab3;text-align:center}.hair-selection-content{max-width:700px;margin:0 auto;padding:3rem 2rem}.hair-hero{text-align:center;margin-bottom:3rem}.hair-selection-form{display:flex;flex-direction:column;gap:2.5rem}.selection-section{display:flex;flex-direction:column;gap:1rem}.selection-title{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;color:var(--charcoal);margin:0;text-align:center}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:640px){.option-grid{grid-template-columns:repeat(6,1fr)}}.option-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:var(--white);border:2px solid rgba(26,26,26,.08);border-radius:16px;cursor:pointer;transition:all .3s ease}.option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #d4728c26}.option-card.active{background:linear-gradient(135deg,#d4728c26,#d4728c0d);border-color:var(--primary);box-shadow:0 4px 20px #d4728c33}.option-icon{font-size:1.75rem}.option-label{font-size:.8rem;font-weight:600;color:var(--charcoal);text-align:center}.gender-selection{display:flex;flex-direction:column;gap:1rem;align-items:center}.gender-selection .gender-options{max-width:400px;width:100%}.hair-result-content{padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.selected-options-card{padding:1.5rem 2rem;background:linear-gradient(135deg,#d4728c26,#d4728c0d);border:1px solid rgba(212,114,140,.2);border-radius:20px;text-align:center}.selected-options-card h3{font-family:var(--font-serif);font-size:1rem;font-style:italic;color:#1a1a1a99;margin:0 0 1rem}.selected-tags{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.selected-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--white);border-radius:30px;font-weight:600;color:var(--charcoal);box-shadow:0 2px 8px #00000014}.hair-recommendations{padding:2rem;background:#fff;border:1px solid rgba(212,114,140,.15);border-radius:24px;box-shadow:0 8px 40px #0000000f}.hair-recommendations h3{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--charcoal);margin:0 0 1.5rem;text-align:center}.recommendation-grid{display:flex;flex-direction:column;gap:1rem}.recommendation-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,rgba(212,114,140,.08) 0%,transparent 100%);border-radius:16px;transition:transform .2s,box-shadow .2s}.recommendation-card:hover{transform:translate(4px);box-shadow:0 4px 16px #d4728c1a}.recommendation-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);color:#fff;font-weight:700;font-size:1.125rem;border-radius:12px;flex-shrink:0}.recommendation-content h4{font-family:var(--font-serif);font-size:1.125rem;color:var(--charcoal);margin:0 0 .5rem}.recommendation-content p{font-size:.875rem;color:#1a1a1a99;margin:0;line-height:1.5}.result-actions{padding:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.result-actions .btn-outline{min-width:160px}.fashion-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:480px){.fashion-option-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.fashion-option-grid{grid-template-columns:repeat(4,1fr)}}.fashion-recommendations{padding:2rem;background:#fff;border:1px solid rgba(212,114,140,.15);border-radius:24px;box-shadow:0 8px 40px #0000000f}.fashion-recommendations h3{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--charcoal);margin:0 0 1.5rem;text-align:center}.fashion-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.fashion-grid{grid-template-columns:repeat(3,1fr)}}.fashion-card{background:linear-gradient(135deg,rgba(212,114,140,.08) 0%,transparent 100%);border:1px solid rgba(212,114,140,.15);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.fashion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #d4728c26}.fashion-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,114,140,.15)}.fashion-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;border-radius:8px;flex-shrink:0}.fashion-card-header h4{font-family:var(--font-serif);font-size:1rem;color:var(--charcoal);margin:0}.fashion-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.fashion-items li{position:relative;padding-left:1.25rem;font-size:.875rem;color:#1a1a1ab3;line-height:1.5}.fashion-items li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.how-to-use-content{max-width:900px;margin:0 auto;padding:3rem 2rem}.how-to-use-hero{text-align:center;margin-bottom:3rem}.steps-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media(min-width:640px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.steps-container{grid-template-columns:repeat(4,1fr)}}.step-card{position:relative;background:#fff;border:1px solid rgba(212,114,140,.15);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}.step-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #d4728c26}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-icon{font-size:2.5rem;margin-bottom:1rem}.step-card h3{font-family:var(--font-serif);font-size:1.125rem;color:var(--charcoal);margin:0 0 .75rem}.step-card p{font-size:.875rem;color:#1a1a1a99;line-height:1.6;margin:0}.how-to-use-actions{display:flex;justify-content:center}.how-to-use-actions .btn-gold{min-width:200px;padding:1rem 2.5rem;font-size:1rem}.photo-upload-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#d4728c14,#d4728c05);border:1px solid rgba(212,114,140,.15);border-radius:20px}.photo-upload-desc{font-size:.875rem;color:#1a1a1a99;text-align:center;margin:0;max-width:400px}.mini-photo-upload{width:120px;height:160px;border:2px dashed rgba(212,114,140,.4);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;background:#fff}.mini-photo-upload:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #d4728c26}.mini-photo-upload.has-photo{border-style:solid;border-color:var(--primary)}.mini-photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#1a1a1a66;font-size:.75rem;text-align:center}.mini-photo-placeholder span:first-child{font-size:1.5rem}.mini-photo-preview{width:100%;height:100%;object-fit:cover}.generated-images-section{margin-top:2rem;padding:2rem;background:#fff;border:1px solid rgba(212,114,140,.15);border-radius:20px}.generated-images-section h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--charcoal);margin:0 0 1.5rem;text-align:center}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.generated-image-container{aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#d4728c1a,#d4728c0d)}.generated-image-container img{width:100%;height:100%;object-fit:cover}.generated-image-label{font-size:.875rem;font-weight:600;color:var(--charcoal)}.ai-generated-section{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#8a64d214,#d4728c0d);border:1px solid rgba(138,100,210,.2);border-radius:20px}.ai-generated-section h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--charcoal);margin:0 0 1.5rem;text-align:center;background:linear-gradient(135deg,#8a64d2 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generating-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.generating-indicator p{color:#1a1a1a99;font-size:.9rem}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.generated-image-card{display:flex;flex-direction:column;gap:.75rem;text-align:center}.generated-image{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0000001a}.generated-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;aspect-ratio:3/4;background:linear-gradient(135deg,#8a64d21a,#d4728c1a);border-radius:16px;border:2px dashed rgba(138,100,210,.3)}.generated-placeholder span:first-child{font-size:2.5rem}.generated-placeholder span:last-child{font-size:.75rem;color:#1a1a1a80;padding:0 1rem}.generated-style-name{font-size:.875rem;font-weight:600;color:var(--charcoal);margin:0}.ai-coming-soon{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.ai-coming-soon p{font-size:.9rem;color:#1a1a1a99;text-align:center;margin:0}.uploaded-photo-preview{width:120px;height:160px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #8a64d233;border:2px solid rgba(138,100,210,.3)}.uploaded-photo-preview img{width:100%;height:100%;object-fit:cover}@media(prefers-color-scheme:dark){.landing-page,.app-container{background:var(--bg-dark);color:var(--white)}.landing-header,.app-header{background:#1f1c13e6;border-bottom-color:#d4728c1a}.logo-text,.hero-title,.section-title,.input-title,.page-title{color:var(--white)}.hero-content{background:var(--bg-dark)}.hero-desc,.input-desc,.path-desc,.algorithm-desc,.footer-desc{color:#fff9}.btn-outline{border-color:#ffffff1a;color:var(--white)}.btn-outline:hover{background:#ffffff0d}.featured-in{border-top-color:#ffffff0d}.landing-footer{background:var(--bg-dark);border-top-color:#d4728c1a}.footer-logo{color:var(--white)}.footer-col a{color:#ffffffb3}.footer-bottom{border-top-color:#d4728c0d}.footer-bottom span{color:#ffffff4d}.lang-btn-sm{color:#ffffff80}.nav-links a{color:#ffffffb3}.back-btn{color:#ffffffb3;border-color:#ffffff1a}.back-btn:hover{background:#ffffff0d;color:var(--white)}.input-group label{color:var(--white)}.input-group input{background:#ffffff0d;border-color:#ffffff1a;color:var(--white)}.input-group input::placeholder{color:#ffffff4d}.gender-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.gender-btn:hover{border-color:var(--primary);color:var(--primary)}.photo-upload{background:#d4728c0d;border-color:#d4728c4d}.photo-upload:hover{background:#d4728c1a}.photo-placeholder,.photo-hint{color:#ffffff80}.loading-page h2{color:var(--white)}.loading-page p{color:#fff9}.spinner{border-color:#d4728c33;border-top-color:var(--primary)}.profile-summary{background:#d4728c1a}.report-content{background:#ffffff0d;border-color:#ffffff0d}.report-content h2,.report-content h3,.report-content p,.report-content li,.report-content strong{color:#ffffffe6}.report-content h2{border-bottom-color:#ffffff1a}.report-content em{color:#fff9}.report-content hr{border-top-color:#ffffff1a}.style-gallery-section{border-top-color:#ffffff0d}.style-gallery-header h2{color:var(--white)}.style-gallery-header p,.style-loading{color:#fff9}.demo-notice{background:#d4728c1a;color:#ffffff80}.style-label{color:#ffffffb3}.transform-section{border-top-color:#ffffff0d}.transform-header h2{color:var(--white)}.transform-header p{color:#fff9}.transform-label{color:#ffffffb3}.selection-title{color:var(--white)}.option-card{background:#ffffff0d;border-color:#ffffff1a}.option-card:hover{border-color:var(--primary)}.option-card.active{background:#d4728c26}.option-label{color:var(--white)}.selected-options-card{background:#d4728c1a}.selected-options-card h3{color:#fff9}.selected-tag{background:#ffffff1a;color:var(--white)}.hair-recommendations{background:#ffffff0d;border-color:#ffffff0d}.hair-recommendations h3{color:var(--white)}.recommendation-card{background:#d4728c14}.recommendation-content h4{color:var(--white)}.recommendation-content p{color:#fff9}.fashion-recommendations{background:#ffffff0d;border-color:#ffffff0d}.fashion-recommendations h3{color:var(--white)}.fashion-card{background:#d4728c14;border-color:#ffffff1a}.fashion-card-header{border-bottom-color:#ffffff1a}.fashion-card-header h4{color:var(--white)}.fashion-items li{color:#ffffffb3}.step-card{background:#ffffff0d;border-color:#ffffff1a}.step-card h3{color:var(--white)}.step-card p{color:#fff9}.photo-upload-section{background:#d4728c0d;border-color:#ffffff1a}.photo-upload-desc{color:#fff9}.mini-photo-upload{background:#ffffff0d;border-color:#fff3}.mini-photo-placeholder{color:#fff6}.generated-images-section{background:#ffffff0d;border-color:#ffffff1a}.generated-images-section h3,.generated-image-label{color:var(--white)}.ai-generated-section{background:linear-gradient(135deg,#8a64d21a,#d4728c0d);border-color:#8a64d24d}.generating-indicator p,.ai-coming-soon p{color:#fff9}.generated-style-name{color:var(--white)}.generated-placeholder span:last-child{color:#ffffff80}}.report-section-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #d4728c14;border:1px solid rgba(212,114,140,.12);margin-bottom:1.5rem;animation:fadeInUp .4s ease forwards}.section-header{background:linear-gradient(135deg,#d4728c1f,#f0a5bb0f);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(212,114,140,.1)}.section-icon{font-size:1.5rem}.section-header h3{margin:0;color:var(--charcoal);font-size:1.1rem;font-weight:700;font-family:var(--font-serif)}.section-body{padding:1.25rem}.section-body p{color:#1a1a1acc;line-height:1.7;margin:0 0 .75rem}.subsection-title{color:var(--charcoal);font-size:1rem;font-weight:600;margin:1rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,114,140,.12)}.list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:#1a1a1acc}.list-bullet{color:var(--primary);font-size:.6rem;margin-top:.4rem}.numbered-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;margin-bottom:.5rem;background:#d4728c0d;border-radius:12px;border:1px solid rgba(212,114,140,.1)}.item-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:50%;font-size:.85rem;font-weight:700;flex-shrink:0}.item-text{color:#1a1a1ad9;font-size:.95rem;line-height:1.5}.check-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(26,26,26,.06)}.check-icon{color:#16a34a;font-weight:700}.look-card{background:#d4728c0a;border-radius:12px;padding:1rem;margin:1rem 0;border:1px solid rgba(212,114,140,.12)}.look-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;color:var(--charcoal);font-size:1rem;font-weight:600}.look-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:50%;font-size:.75rem;font-weight:700}.look-items{display:flex;flex-direction:column;gap:.4rem}.look-item{display:flex;gap:.75rem;padding:.3rem 0;border-bottom:1px solid rgba(26,26,26,.06)}.look-item:last-child{border-bottom:none}.item-label{color:#1a1a1a80;font-size:.85rem;min-width:70px}.item-value{color:#1a1a1ad9;font-size:.9rem}.accent-text{color:var(--primary);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.section-header{padding:.875rem 1rem}.section-icon{font-size:1.25rem}.section-header h3{font-size:1rem}.section-body{padding:1rem}.numbered-item{padding:.625rem}.item-number{width:24px;height:24px;font-size:.75rem}}