@font-face{font-family:Gotham;src:url(../fonts/Gotham-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Book.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Clarins;src:url(../fonts/Clarins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;font-family:Arial,Verdana,sans-serif;line-height:1.6;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f3f3f3}.loading-content{text-align:center;max-width:300px;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #b40024;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2{font-family:Gotham,Arial,sans-serif;color:#b40024;margin-bottom:10px;font-size:18px}.loading-content p{color:#666;font-size:14px}.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f3f3f3;padding:20px}.error-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;box-shadow:0 4px 20px #0000001a;border:1px solid #fed7d7}.error-icon{font-size:48px;margin-bottom:20px}.error-content h2{color:#b40024;font-family:Gotham,Arial,sans-serif;margin-bottom:15px;font-size:24px}.error-message{color:#666;margin-bottom:25px;line-height:1.5}.retry-button{background:#b40024;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.retry-button:hover{background:#9a001f}.app{min-height:100vh}.consultation-template{position:relative}.template-container{max-width:650px;margin:0 auto;background:#fff;position:relative}.consultation-header{padding:20px 15px;text-align:center}.consultation-title{font-family:Gotham,Arial,sans-serif;font-weight:300;color:#333;font-size:32px;line-height:1.3;margin:16px}.header-text{font-family:Gotham,Arial,Verdana,sans-serif;font-weight:400;font-size:16px;text-align:center;color:#333;white-space:pre-wrap;text-wrap:balance}.footer-text{font-family:Gotham,Arial,Verdana,sans-serif;font-weight:400;font-size:14px;text-align:center;color:#333;margin:8px 16px 48px}.intro-text{font-size:12px;line-height:1.5;color:#333;max-width:580px;margin:0 auto}.intro-text p{margin-bottom:15px}.consultant-signature{font-weight:700;color:#b40024}.beauty-section{padding:30px 20px}.beauty-section:last-child{border-bottom:none}.section-content{max-width:600px;margin:0 auto}.section-title{font-family:Clarins,Arial,sans-serif;font-size:35px;font-weight:400;color:#333}.concerns-list{display:flex;flex-direction:column;gap:20px}.concern-item{transform:translateY(20px)}.concern-title{font-family:Gotham,Arial,sans-serif;font-weight:400;font-size:12px;margin-bottom:4px;color:#333;text-transform:uppercase;letter-spacing:.5px}.progress-container{display:flex;align-items:center;gap:12px}.progress-bg{flex:1;height:14px;background-color:#f5efeb;border-radius:7px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f;position:relative}.progress-bar{height:100%;border-radius:7px;width:0%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar.animate{transition:width 1.5s cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-value{font-family:Gotham,Arial,sans-serif;font-weight:500;font-size:12px;color:#666;min-width:35px;text-align:right}.capital-section{margin-top:16px}.capital-title{font-family:Gotham,Arial,sans-serif;font-weight:400;font-size:16px;margin-bottom:16px;text-transform:uppercase;color:#b40024;letter-spacing:1px}.capital-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.capital-card{background:#fff;padding:12px;border:1px solid #f5efeb;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.capital-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;transition:left .5s ease}.capital-card:hover:before{left:100%}.capital-card-title{font-family:Gotham,Arial,sans-serif;font-weight:400;font-size:12px;margin-bottom:15px;text-transform:uppercase;color:#b40024;letter-spacing:.5px}.capital-value{display:flex;align-items:center;justify-content:flex-start;gap:8px}.capital-icon{flex-shrink:0}.capital-score{font-family:Gotham,Arial,sans-serif;font-weight:500;font-size:14px;color:#333}.consultation-footer{padding:30px 20px;background:#f8f8f8;border-top:1px solid #f0f0f0}.contact-info{max-width:600px;margin:0 auto;text-align:left}.contact-info h3{font-family:Gotham,Arial,sans-serif;color:#be0f34;font-size:18px;margin-bottom:20px}.consultant-name{font-weight:700;color:#b40024;font-size:16px;margin-bottom:5px}.boutique-name{font-size:15px;margin-bottom:15px;color:#333}.contact-detail{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px}.contact-icon{font-size:16px}.contact-detail a{color:#333;text-decoration:none}.contact-detail a:hover{color:#b40024}.logo{width:300px;margin:16px}@media (max-width: 768px){.template-container{margin:0;box-shadow:none}.consultation-header{padding:20px 15px}.consultation-title{font-size:20px}.header-text{font-size:14px}.intro-text{font-size:11px}.beauty-section{padding:20px 15px}.section-title{font-size:28px;margin-bottom:8px}.capital-title{font-size:14px}.capital-grid{grid-template-columns:1fr;gap:12px}.capital-card{padding:16px}.print-controls{bottom:15px;right:15px}.print-button{padding:10px 16px;font-size:12px}}.app{min-height:100vh;display:flex;flex-direction:column}.consultation-template{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html{scroll-behavior:smooth}.print-button:focus,.retry-button:focus{outline:2px solid #b40024;outline-offset:2px}@media (prefers-contrast: high){.progress-bg{background-color:#000}.capital-card{border-color:#000}.section-title,.capital-title{color:#000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none;border:4px solid #b40024}.progress-bar{transition:none}.progress-bar:before{animation:none}}
