@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@300;400;600&display=swap);*{font-family:Inter,Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1e293b;font-family:Inter,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 2rem}*{box-sizing:border-box}body{color:var(--text-primary);margin:0;min-height:100vh;overflow-x:hidden;padding:0}body,html{background:var(--bg-primary)}html{height:100%}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;justify-content:center;min-height:100vh}.loading-content{color:#fff;text-align:center}.loading-logo{border-radius:12px;height:80px;margin-bottom:1rem;object-fit:contain;object-position:center;width:80px}.loading-content h2{color:#10b981;font-size:2rem;margin-bottom:.5rem}.loading-content p{color:#cbd5e1}.modern-theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 25px #10b9814d;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:2rem;top:2rem;transition:all .3s ease;width:60px;z-index:1000}.modern-theme-toggle:hover{box-shadow:0 12px 35px #10b98180;transform:scale(1.1) rotate(10deg)}.toggle-icon-container{align-items:center;display:flex;justify-content:center}.toggle-icon{color:#fff;font-size:1.5rem;transition:all .3s ease}.modern-theme-toggle:hover .toggle-icon{transform:scale(1.2)}.login-page .modern-form-group,.modern-form-group{margin-bottom:1.5rem!important}.login-page .modern-label,.modern-label{color:var(--text-primary)!important;display:block!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:.5rem!important}.login-page .modern-input-container,.modern-input-container{align-items:center!important;display:flex!important;position:relative!important}.input-icon,.login-page .input-icon{color:var(--text-muted)!important;font-size:1.1rem!important;left:1.2rem!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;z-index:2!important}.login-page .modern-input,.modern-input{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:var(--card-bg)!important;border:2px solid var(--border-primary)!important;border-radius:12px!important;box-sizing:border-box!important;color:var(--text-primary)!important;font-size:1rem!important;padding:1rem 1rem 1rem 3.5rem!important;transition:all .3s ease!important;width:100%!important}.login-page .modern-input:focus,.modern-input:focus{background:var(--card-hover)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #10b9811a!important;outline:none!important}.login-page .modern-input-container:hover .input-icon,.login-page .modern-input:focus~.input-icon,.modern-input-container:hover .input-icon,.modern-input:focus+* .input-icon,.modern-input:focus~.input-icon{color:var(--accent-primary)!important;transform:translateY(-50%) scale(1.1)!important}.login-page .modern-input-container:has(.modern-input:focus) .input-icon,.modern-input-container:has(.modern-input:focus) .input-icon{color:var(--accent-primary)!important;transform:translateY(-50%) scale(1.1)!important}.login-page .modern-input::placeholder,.modern-input::placeholder{color:var(--text-muted)!important;opacity:.7!important}.oauth-section{margin-top:2rem;text-align:center}.divider{align-items:center;display:flex;justify-content:center;margin:2rem 0;position:relative;text-align:center}.divider:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary) 20%,var(--accent-secondary) 80%,#0000 100%);margin-right:1rem}.divider:after,.divider:before{border-radius:2px;content:"";flex:1 1;height:2px;opacity:.3}.divider:after{background:linear-gradient(90deg,#0000 0,var(--accent-secondary) 20%,var(--accent-primary) 80%,#0000 100%);margin-left:1rem}.divider-text{-webkit-text-fill-color:#0000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;background-color:var(--card-bg);border:2px solid var(--border-primary);border-radius:25px;box-shadow:0 4px 15px #10b9811a;color:var(--accent-primary);font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.5rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.divider-text:hover{border-color:var(--accent-primary);box-shadow:0 6px 20px #10b98133;transform:scale(1.05)}.custom-google-btn-container{margin-top:1rem}.custom-google-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.custom-google-btn:hover{background:var(--card-hover);border-color:var(--accent-primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.google-btn-content{align-items:center;display:flex;gap:.75rem;justify-content:center;position:relative;z-index:2}.google-icon{font-size:1.25rem;transition:transform .3s ease}.custom-google-btn:hover .google-icon{transform:scale(1.1) rotate(5deg)}.google-text{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.5px}.google-btn-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.custom-google-btn:hover .google-btn-shine{left:100%}.login-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);letter-spacing:.5px;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative}.login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover{box-shadow:0 8px 25px #10b98166}.error-message{border-left:4px solid #ef4444;font-weight:500;margin:1rem 0}.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border-left:4px solid #10b981;color:#10b981;font-size:1rem;font-weight:500;margin:1rem 0;padding:1rem}.login-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.login-container{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:24px;box-shadow:0 25px 80px var(--shadow-primary);display:grid;grid-template-columns:1.2fr 1fr;height:98vh;max-width:1200px;overflow:hidden;width:100%}.login-info{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.5rem 1.5rem 1rem;position:relative}.login-info:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.login-logo{margin-bottom:1.5rem;position:relative;text-align:center;z-index:2}.login-logo-img{border-radius:16px;box-shadow:0 8px 32px #0000001a;height:60px;margin-bottom:.75rem;object-fit:contain;object-position:center;width:60px}.login-logo h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.login-tagline{font-size:1rem;font-weight:600;letter-spacing:2px;opacity:.9;text-transform:uppercase}.app-features{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;position:relative;z-index:2}.app-features h2{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;text-align:center}.app-features>p{color:#cbd5e1;font-size:.9rem;line-height:1.4;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.feature-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:.5rem;margin-top:1rem}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.85rem;position:relative}.feature-card:before{background:linear-gradient(90deg,#10b981,#3b82f6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover{background:#ffffff1a;box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card:hover .feature-number{color:#fffc}.feature-number{color:#ffffffb3;font-size:2rem;font-weight:800;line-height:1;position:absolute;right:.5rem;top:.5rem}.feature-card h4{color:#fff;font-size:.95rem;font-weight:700;margin:0 0 .35rem;position:relative;text-shadow:0 2px 4px #000c;z-index:2}.feature-card p{color:#cbd5e1;font-size:.85rem;line-height:1.35;margin:0;position:relative;z-index:1}.login-form-section{background:var(--card-bg);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1rem}.login-form-container h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.login-form-container>p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.login-form,.login-form .form-group{margin-bottom:1rem}.login-form label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.login-form input{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.login-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.login-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.75rem 2rem;transition:all .3s ease;width:100%}.login-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}@media (max-width:968px){.login-container{grid-template-columns:1fr;height:auto;max-width:500px;min-height:auto}.login-form-section,.login-info{height:auto;padding:2rem}.login-logo h1{font-size:2rem}.app-features h2{font-size:1.5rem}.feature-grid{gap:1.5rem;grid-template-columns:1fr}.modern-input{font-size:1rem!important;padding:1.2rem 1rem 1.2rem 3.5rem!important}.login-btn,.modern-input{min-height:52px!important}.login-btn{font-size:1.1rem!important;padding:1.2rem 2rem!important}.custom-google-btn{min-height:52px!important;padding:1.2rem 1.5rem!important}}.modal{padding:1rem}.modal-content{max-height:90vh;overflow-y:auto}@media (max-width:768px){.modal{align-items:flex-start;padding:2rem .5rem .5rem}.modal-content{border-radius:12px;margin:0 auto;max-height:85vh;max-width:none;padding:1.5rem;width:95%}.modal-header h2{font-size:1.3rem;margin-bottom:.5rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content .form-group input{border-radius:8px;font-size:1rem;padding:1rem .75rem}.modal-btn{border-radius:8px;font-size:1rem;margin-top:.5rem;padding:1rem 1.5rem}.modal-footer{margin-top:1rem}.modal-footer p{font-size:.9rem}.close{align-items:center;display:flex;font-size:1.8rem;justify-content:center;min-height:40px;min-width:40px;padding:.5rem}}@media (max-width:480px){.modal{padding:1rem .25rem .25rem}.modal-content{border-radius:8px;max-height:90vh;padding:1.25rem;width:98%}.modal-header{margin-bottom:1rem;padding-bottom:.75rem}.modal-header h2{font-size:1.2rem}.modal-content .form-group{margin-bottom:1rem}.modal-content .form-group input{font-size:1rem;min-height:48px;padding:.875rem .75rem}.modal-btn{font-size:1rem;min-height:48px;padding:.875rem 1.25rem;width:100%}.close{background:#0000000d;border-radius:50%;font-size:2rem;min-height:44px;min-width:44px;transition:all .3s ease}.close:hover{background:#dc26261a}}.App.dark-mode .modal-content{background:#1e293b;border:1px solid #334155;color:#e2e8f0}.App.dark-mode .modal-header{border-bottom-color:#334155}.App.dark-mode .modal-header h2{color:#f1f5f9}.App.dark-mode .modal-content .form-group input{background:#0f172a;border-color:#334155;color:#e2e8f0}.App.dark-mode .modal-content .form-group input::placeholder{color:#64748b}.App.dark-mode .modal-content .form-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.App.dark-mode .close{color:#cbd5e1}.App.dark-mode .close:hover{background:#ef44441a;color:#ef4444}.App.dark-mode .modal-footer p{color:#94a3b8}.App.dark-mode .modal-footer a{color:#10b981}.App.light-mode .modal-content{background:#fff;border:1px solid #e5e7eb;color:#1f2937}.App.light-mode .modal-header{border-bottom-color:#e5e7eb}.App.light-mode .modal-header h2{color:#1f2937}.App.light-mode .modal-content .form-group input{background:#fff;border-color:#d1d5db;color:#374151}.App.light-mode .modal-content .form-group input::placeholder{color:#9ca3af}.App.light-mode .modal-content .form-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.App.light-mode .close{color:#6b7280}.App.light-mode .close:hover{background:#dc26261a;color:#dc2626}.App.light-mode .modal-footer p{color:#6b7280}.App.light-mode .modal-footer a{color:#10b981}@media (max-width:640px){.login-page{align-items:stretch;display:flex;min-height:100vh;padding:.5rem}.login-container{border-radius:0;height:auto;margin:0;max-width:100%;min-height:100vh;width:100%}.feature-grid{gap:1rem;grid-template-columns:1fr}.login-form-section,.login-info{height:auto;min-height:auto;padding:1.5rem 1rem}.login-form-container h2{font-size:1.5rem;margin-bottom:.5rem}.login-form-container>p{font-size:.95rem;margin-bottom:1.5rem}.modern-input{border-radius:10px!important;font-size:1.1rem!important;min-height:56px!important;padding:1.25rem 1rem 1.25rem 3.5rem!important}.modern-label{font-size:1rem!important;margin-bottom:.75rem!important}.input-icon{font-size:1.2rem!important;left:1.25rem!important}.login-btn{font-size:1.1rem!important;margin-top:1rem!important;padding:1.25rem 2rem!important}.custom-google-btn,.login-btn{border-radius:10px!important;min-height:56px!important}.custom-google-btn{padding:1.25rem 1.5rem!important}.oauth-section{margin-top:1.5rem}.divider{margin:1.5rem 0}.forgot-link{font-size:1rem!important;min-height:44px!important;padding:.5rem!important}}@media (max-width:480px){.login-page{padding:0}.login-container{border:none;border-radius:0;box-shadow:none}.login-form-section,.login-info{padding:1rem}.login-logo h1{font-size:1.5rem}.login-tagline{font-size:.8rem}.feature-card{padding:.75rem}.feature-card h4{font-size:.9rem}.feature-card p{font-size:.8rem}.login-form-container h2{font-size:1.4rem}.modern-input{font-size:1rem!important;min-height:52px!important;padding:1.125rem .875rem 1.125rem 3.25rem!important}.input-icon{font-size:1.1rem!important;left:1.125rem!important}.login-btn{font-size:1rem!important;min-height:52px!important;padding:1.125rem 1.75rem!important}.custom-google-btn{min-height:52px!important;padding:1.125rem 1.25rem!important}}.navbar{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffd9;border-bottom:1px solid #fff3;box-shadow:0 8px 40px #0000001a;height:80px}.nav-container{height:80px;padding:0 2rem}.nav-logo{border-radius:12px;gap:1.25rem;left:-30px!important;padding:.5rem;position:relative!important;transform:translateX(-20px)!important;transition:all .3s ease}.logo-container{background:var(--bg-secondary);border-radius:10px;height:65px!important;position:relative;transition:all .2s ease;width:65px!important}.App.light-mode .logo-container{background:#5f8185!important}.nav-logo-img{height:90px!important;left:50%;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:90px!important}.brand-text{gap:2px}.nav-logo h2{color:#10b981;font-size:1.8rem;font-weight:800;line-height:1.1}.brand-tagline{color:#059669;font-weight:600;opacity:.8}.nav-menu{gap:2.5rem}.nav-link{color:#64748b;transition:color .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#10b981}.nav-link.active:after{background:#10b981;bottom:-.5rem}.nav-cta{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-size:.9rem}.nav-cta:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-1px)}.theme-toggle-btn{border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 8px #0000001a;height:44px;width:44px}.theme-toggle-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 8px 25px #00000026;color:#fff;transform:translateY(-2px)}.theme-toggle-btn svg{transition:all .3s ease}.theme-toggle-btn:hover svg{transform:rotate(15deg)}.App.dark-mode .theme-toggle-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}.App.dark-mode .theme-toggle-btn:hover{background:#10b981;border-color:#10b981;color:#fff}.App.light-mode .theme-toggle-btn{background:#fff;border-color:#e5e7eb;color:#374151}.App.light-mode .theme-toggle-btn:hover{background:#10b981;border-color:#10b981;color:#fff}.nav-auth-btn{border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}.nav-auth-btn:hover{background:#3b82f6;color:#fff}.nav-user-container{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.nav-user-info{background:#10b9810d;border:1px solid #10b98133;border-radius:8px;color:#10b981;font-size:.9rem;gap:8px;padding:8px 12px}.nav-user-info:hover{background:#10b98126;border-color:#10b9814d;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.user-welcome-icon{height:16px;opacity:.8;width:16px}.dropdown-arrow{height:14px;opacity:.7;width:14px}.dropdown-arrow.rotated{transform:rotate(180deg)}.how-it-works-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:80px 0;position:relative}.how-it-works-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23cbd5e1' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.how-it-works-header{margin-bottom:60px;position:relative;text-align:center;z-index:1}.how-it-works-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.how-it-works-header p{color:#64748b;font-size:1.2rem;margin:0 auto;max-width:600px}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px;position:relative;z-index:1}.step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .4s ease}.step-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.step-card:hover:before{left:100%}.step-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px) scale(1.02)}.step-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 20px #3b82f666;margin:0 auto 20px;position:relative;z-index:2}.step-icon-modern{display:flex;justify-content:center;margin:30px 0 25px}.step-card h3{color:#1e293b;font-size:1.4rem;font-weight:600;line-height:1.4;margin-bottom:16px}.step-card p{color:#64748b;font-size:1rem;line-height:1.6}.alert-system{margin-bottom:60px;position:relative;z-index:1}.alert-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef444433;border-radius:20px;box-shadow:0 8px 32px #ef44441a;display:flex;gap:25px;margin:0 auto;max-width:800px;padding:30px;transition:all .3s ease}.alert-card:hover{box-shadow:0 15px 40px #ef444426;transform:translateY(-5px)}.alert-icon-container{flex-shrink:0}.alert-content h4{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:600;margin-bottom:12px}.alert-content p{color:#64748b;line-height:1.6;margin:0}.features-highlight{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));position:relative;z-index:1}.feature-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;padding:25px 20px;text-align:center;transition:all .3s ease}.feature-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-icon{display:flex;justify-content:center;margin-bottom:15px}.feature-icon .icon-bg-gradient{border-radius:12px;height:50px;width:50px}.feature-item h5{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:8px}.feature-item p{color:#64748b;font-size:.9rem;margin:0}@media (max-width:768px){.how-it-works-header h2{font-size:2.2rem}.steps-grid{gap:30px;grid-template-columns:1fr}.alert-card{flex-direction:column;gap:20px;text-align:center}.features-highlight{gap:20px;grid-template-columns:repeat(2,1fr)}}.solution-icon-modern{margin-bottom:20px}.icon-bg-gradient{box-shadow:0 4px 15px #0000001a}.icon-bg-gradient:before{transition:left .5s ease}.icon-bg-gradient:hover:before{left:100%}.icon-bg-gradient:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.05) rotate(5deg)}.benefit-icon-modern{margin-bottom:15px}.solution-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:30px;transition:all .3s ease}.solution-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.benefit-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-radius:12px;padding:20px;transition:all .3s ease}.benefit-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.nav-user-avatar{background:var(--accent-primary);border:2px solid var(--accent-primary);margin-left:.75rem;order:2}.nav-avatar-fallback{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;width:100%}.App.dark-mode .nav-user-avatar{background:#10b981;border-color:#10b981}.App.dark-mode .nav-avatar-fallback{background:#10b981;color:#fff}.App.light-mode .nav-user-avatar{background:#10b981;border-color:#10b981}.App.light-mode .nav-avatar-fallback{background:#10b981;color:#fff}.user-dropdown{animation:dropdownSlideIn .3s ease-out;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0003,0 8px 32px #0000001a;margin-top:12px;min-width:240px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.9rem;gap:12px;padding:14px 16px;position:relative}.dropdown-item:hover{background:linear-gradient(135deg,#10b9810d,#10b9811a);color:#1f2937;padding-left:20px;transform:translateX(4px)}.dropdown-item-icon{flex-shrink:0;height:18px;opacity:.7;transition:all .3s ease;width:18px}.dropdown-item:hover .dropdown-item-icon{color:#10b981;opacity:1;transform:scale(1.1)}.dropdown-divider{background:#e5e7eb;margin:4px 0}.logout-item:hover{color:#b91c1c}.nav-logout-btn{background:#dc2626;border-radius:8px;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.nav-logout-btn:hover{background:#b91c1c;transform:translateY(-1px)}.mobile-menu-toggle span{background:#1e40af}.hero-section{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero-section:before{background-image:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-badge{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#10b98126;border:1px solid #fff3;border-radius:50px;box-shadow:0 8px 32px #0000001a;color:#10b981;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}.hero-text h1{color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-text .highlight{color:#10b981}.hero-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.hero-description{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#10b981e6,#059669e6);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.cta-primary:hover:before{left:100%}.cta-primary:hover{background:linear-gradient(135deg,#059669f2,#047857f2);box-shadow:0 20px 60px #10b98180;transform:translateY(-3px) scale(1.02)}.cta-secondary{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-secondary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.cta-secondary:hover:before{left:100%}.cta-secondary:hover{background:#fff3;border-color:#10b98166;box-shadow:0 20px 60px #0003;transform:translateY(-3px) scale(1.02)}.hero-visual{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative}.hero-image{border-radius:20px;box-shadow:0 20px 60px #00000026;margin-bottom:2rem;max-width:600px;overflow:hidden;width:100%}.hero-main-image{display:block;height:auto;transition:transform .3s ease;width:100%}.hero-main-image:hover{transform:scale(1.05)}.hero-stats{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.stat{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;min-width:140px;padding:1.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat:hover{background:#ffffff26;border-color:#10b98166;box-shadow:0 20px 60px #0003;transform:translateY(-10px) scale(1.05)}.stat strong{color:var(--accent-primary);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.upload-section{padding:5rem 0}.section-header{margin-bottom:4rem}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#3b82f6);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.section-header p{color:#cbd5e1;font-size:1.125rem;margin:0 auto;max-width:600px}.upload-container{margin:0 auto;padding:0 2rem}.upload-steps{grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.step{background:#fff;border:1px solid #10b9810d;border-radius:16px;box-shadow:0 8px 30px #10b9811a;padding:2rem;transition:all .3s ease}.step:hover{border-color:#10b9811a;box-shadow:0 15px 40px #10b98133}.step-number{background:linear-gradient(135deg,#10b981,#059669);font-size:1.5rem;font-weight:700;height:60px;margin:0 auto 1.5rem;width:60px}.step h3{color:#1e293b;font-size:1.25rem;font-weight:600}.step p{color:#64748b;font-size:.95rem}.upload-card{background:#fff;border:1px solid #10b9810d;border-radius:20px;box-shadow:0 20px 60px #10b98114;margin:0 auto;max-width:800px;min-height:500px}.upload-area,.upload-card{display:flex;flex-direction:column;justify-content:center;padding:3rem}.upload-area{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;min-height:300px}.upload-area.drag-over,.upload-area:hover{background:#d1fae5;border-color:#10b981}.upload-content h3{color:#1e293b;margin-bottom:.5rem}.upload-content p{color:#64748b;margin-bottom:1.5rem}.file-select{color:#10b981}.upload-info{color:#64748b;font-size:.875rem;gap:2rem;justify-content:center}.upload-icon{color:#10b981}.preview-container{padding:2rem;text-align:center}.preview-header h3{color:#1e293b;font-size:1.25rem;font-weight:600}.change-photo{border:1px solid #10b981;border-radius:8px;font-size:.875rem;padding:.5rem 1rem}.preview-container img{border-radius:12px;box-shadow:0 8px 30px #10b98126;margin-bottom:2rem;max-height:350px;max-width:100%}.analyze-btn{border-radius:12px;display:inline-flex;font-size:1rem;padding:1rem 2rem}.analyze-btn:hover{box-shadow:0 10px 30px #10b98166}.analyze-btn:hover .btn-icon{transform:translateX(4px)}.about-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);padding:5rem 0}.about-content{margin:0 auto;max-width:1200px;padding:0 2rem}.about-header{margin-bottom:3rem;text-align:center}.about-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.about-header h3{color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.about-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:800px}.about-main{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-text{display:flex;flex-direction:column;gap:2rem;grid-column:1}.about-visual{align-self:start;grid-column:2;margin-top:0}.about-text h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.about-text h3{color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.about-text p{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.features{gap:1rem}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-primary);display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.feature h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.feature p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.about-visual{flex-direction:column;gap:2rem}.about-image,.about-visual{align-items:center;display:flex;position:relative}.about-image{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;box-shadow:0 10px 30px #10b98133;height:300px;justify-content:center;overflow:hidden;width:400px}.about-logo{border-radius:12px;height:410px;object-fit:contain;opacity:.8;transition:all .3s ease;width:410px}.about-image:hover .about-logo{opacity:1;transform:scale(1.1)}.contact-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);overflow:hidden;padding:5rem 0;position:relative}.contact-section:before{background:radial-gradient(circle at 20% 80%,rgba(var(--accent-primary-rgb),.1) 0,#0000 50%),radial-gradient(circle at 80% 20%,rgba(var(--accent-secondary-rgb),.1) 0,#0000 50%),radial-gradient(circle at 40% 40%,rgba(var(--accent-primary-rgb),.05) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.contact-content{align-items:stretch;min-height:100%;position:relative;z-index:1}.contact-content>.contact-form,.contact-content>.contact-info{align-self:stretch;display:flex;flex-direction:column;height:100%}.container{height:100%}.contact-item{border:2px solid var(--border-primary);box-shadow:0 8px 25px var(--shadow-primary)}.contact-item:hover{border-color:var(--accent-primary);box-shadow:0 12px 35px var(--shadow-primary)}.contact-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;transition:all .3s ease}.contact-icon-svg{color:#fff;font-size:1.5rem;transition:all .3s ease}.contact-item:hover .contact-icon{box-shadow:0 8px 20px rgba(var(--accent-primary-rgb),.3);transform:scale(1.1) rotate(5deg)}.contact-item:hover .contact-icon-svg{transform:scale(1.1)}.contact-item h4{font-size:1.125rem;margin-bottom:.25rem}.contact-form{border-radius:20px;box-shadow:0 20px 60px var(--shadow-primary)}.form-group{position:relative}.form-group input,.form-group textarea{background:var(--card-bg);border-radius:12px;padding:1.2rem 1rem;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7;transition:opacity .3s ease}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 4px rgba(var(--accent-primary-rgb),.1);transform:translateY(-2px)}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.4;transform:translateY(-2px)}.contact-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;gap:.5rem;justify-content:center;overflow:hidden;position:relative}.contact-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-btn:hover:before{left:100%}.btn-icon{font-size:1.1rem}.contact-btn:hover .btn-icon{transform:translateX(3px)}.contact-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.modal{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{animation:modalSlideIn .3s ease;background:var(--card-bg);border-radius:16px;max-width:400px;padding:2rem;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:var(--text-primary);margin:0}.close,.modal-header h2{font-size:1.5rem;font-weight:700}.close{color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.close:hover{color:#dc2626}.modal-content .form-group,.modal-content form{margin-bottom:1rem}.modal-content .form-group input{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.modal-content .form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--shadow-primary);outline:none}.modal-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.modal-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-1px)}.modal-footer{margin-top:1rem;text-align:center}.modal-footer p{color:#64748b;font-size:.875rem}.modal-footer a{color:#10b981;cursor:pointer;font-weight:600;text-decoration:none}.modal-footer a:hover{text-decoration:underline}.background-particles{height:100%;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:particle-float 10s infinite alternate;background:linear-gradient(45deg,#10b981,#3b82f6);border-radius:50%;opacity:.1;position:absolute}@keyframes particle-float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-50px) rotate(1turn)}}@media (max-width:1024px){.main-app{padding:0}.app-content{margin-top:80px;padding:1rem}.nav-container{padding:0 1.5rem}.nav-menu{gap:1.5rem}.nav-link{font-size:.95rem;padding:.4rem .8rem}.hero-content{gap:2rem;padding:2rem 1rem}.hero-text h1{font-size:3rem;line-height:1.2}.hero-text p{font-size:1.1rem;margin:1rem 0}}@media (max-width:768px){.navbar{height:70px;padding:0}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;padding:0 1rem;position:relative}.nav-logo{gap:.8rem;left:0!important;opacity:1!important;padding:.25rem;transform:none!important}.logo-container,.nav-logo{display:flex!important;visibility:visible!important}.logo-container{height:50px!important;width:50px!important}.nav-logo-img{height:70px;object-fit:cover;transform:translate(-50%,-50%);width:70px}.nav-logo h2,.nav-logo-img{display:block!important;visibility:visible!important}.nav-logo h2{font-size:1.4rem;font-weight:700}.brand-tagline{display:block!important;font-size:.6rem}.brand-tagline,.brand-text{visibility:visible!important}.brand-text{display:flex!important;flex-direction:column!important}.nav-menu{background:var(--bg-primary);border-top:1px solid var(--border-primary);box-shadow:0 4px 20px #00000026;flex-direction:column;left:0;opacity:0;padding:1.5rem;pointer-events:none;position:fixed;top:70px;transform:translateY(-100%);transition:all .3s ease;width:100%;z-index:1001}.nav-menu.active{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-menu-open [style*="position: fixed"][style*="bottom: 30px"][style*="right: 30px"],body.mobile-menu-open [style*="position: fixed"][style*="bottom: 30px"][style*="right: 30px"],body.mobile-menu-open [style*="position: fixed"][style*="bottom: 30px"][style*="right: 30px"] *{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}@media (max-width:768px){body.mobile-menu-open div[style*="position: fixed"][style*="bottom: 30px"][style*="right: 30px"]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}body.mobile-menu-open div[style*="z-index: 999"]{display:none!important}body.mobile-menu-open [style*="position: fixed"][style*=bottom]{z-index:-1!important}}.nav-link{border-bottom:1px solid var(--border-primary);font-size:1.1rem;padding:1rem 0;text-align:left;width:100%}.nav-link:last-of-type{border-bottom:none}.theme-toggle-btn{align-self:flex-start;margin:1rem 0}.nav-user-section{margin-top:1rem;width:100%}.nav-user-info{border-top:1px solid var(--border-primary);font-size:1rem;padding:1rem 0}.nav-cta{font-size:1.1rem;margin-top:1rem;padding:1rem;width:100%}.mobile-menu-toggle{display:flex!important;z-index:1002}.mobile-menu-toggle:hover{background:var(--card-hover)!important;box-shadow:0 4px 12px #00000026!important;transform:scale(1.05)}.mobile-menu-toggle.active{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}.mobile-menu-toggle.active svg{color:#fff!important;transform:rotate(90deg)}.mobile-menu{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border-top:1px solid var(--border-primary);box-shadow:0 4px 20px #00000026;left:0;position:fixed;top:70px;width:100%;z-index:1000}.mobile-menu-content{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.mobile-nav-link{border-bottom:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 0;transition:all .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--accent-primary);padding-left:1rem}.mobile-nav-link:last-child{border-bottom:none}.mobile-theme-link{color:var(--accent-secondary)!important;font-weight:600}.mobile-user-section{border-top:2px solid var(--border-primary);margin-top:1.5rem;padding-top:1.5rem}.mobile-user-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.mobile-user-avatar{border-radius:50%;height:50px;overflow:hidden;width:50px}.mobile-user-details{display:flex;flex-direction:column;gap:.25rem}.mobile-user-name{color:var(--text-primary);font-weight:600}.mobile-user-email{color:var(--text-secondary);font-size:.9rem}.mobile-user-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-action-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.mobile-action-item:hover{background:var(--card-hover);transform:translateX(5px)}.mobile-action-icon{color:var(--accent-primary);font-size:1.1rem}.logout-action{border-color:#ef4444}.logout-action .mobile-action-icon{color:#ef4444}.logout-action:hover{background:#ef44441a}.mobile-auth-section{border-top:2px solid var(--border-primary);margin-top:1.5rem;padding-top:1.5rem}.mobile-auth-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.mobile-auth-btn:hover{box-shadow:0 8px 25px rgba(var(--accent-primary-rgb),.3);transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-section{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:70px 0 2rem;text-align:center}.hero-container{max-width:100%;padding:0 1rem}.hero-container,.hero-content{align-items:center;display:flex;justify-content:center;margin:0 auto;width:100%}.hero-content{gap:2rem;max-width:600px;padding:1rem}.hero-content,.hero-text{flex-direction:column;text-align:center}.hero-text{align-items:center;display:flex;justify-content:center;width:100%}.hero-text h1{font-size:2.2rem;line-height:1.2;margin-bottom:1rem;text-align:center;width:100%}.hero-text p{font-size:1rem;line-height:1.5;margin:1rem auto;max-width:100%;text-align:center}.hero-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:1.5rem auto;width:100%}.hero-buttons .btn,.hero-buttons .cta-primary,.hero-buttons .cta-secondary{font-size:1rem;margin:0 auto;max-width:280px;padding:1rem 1.5rem;text-align:center;width:100%}.hero-visual{flex-direction:column;text-align:center}.hero-image,.hero-visual{align-items:center;display:flex;justify-content:center;width:100%}.hero-image{margin-bottom:1rem}.hero-main-image{border-radius:12px;height:auto;margin:0 auto;max-width:400px;width:100%}.hero-stats{flex-wrap:wrap;gap:1rem;margin:1rem auto 0;width:100%}.hero-stats,.stat{align-items:center;display:flex;justify-content:center}.stat{flex:1 1;flex-direction:column;min-width:120px;text-align:center}.app-content{margin-top:70px;padding:1rem .5rem;text-align:center}section{padding-left:1rem;padding-right:1rem;text-align:center}.container{max-width:100%}.container,.section-header{margin:0 auto;text-align:center}.section-content{margin:0 auto}.about-grid,.features-grid,.grid,.section-content,.solutions-grid{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.about-grid,.features-grid,.grid,.solutions-grid{gap:1rem}.card,.feature-card,.solution-card{margin:0 auto;max-width:100%;text-align:center}}@media (max-width:480px){.nav-logo h2{font-size:1.2rem}.brand-tagline{font-size:.55rem}.logo-container{height:45px!important;width:45px!important}.hero-section{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:70px 0 1rem}.hero-container{padding:0 .8rem}.hero-content{gap:1.5rem;max-width:100%;padding:.8rem}.hero-text h1{font-size:1.8rem;margin:0 auto 1rem;text-align:center}.hero-text p{font-size:.9rem;margin:.8rem auto;max-width:100%;text-align:center}.hero-buttons{gap:.8rem;margin:1rem auto}.hero-buttons .btn,.hero-buttons .cta-primary,.hero-buttons .cta-secondary{font-size:.95rem;margin:0 auto;max-width:260px;padding:.8rem 1.2rem}.hero-main-image{max-width:300px}.hero-stats{gap:.8rem;margin:.8rem auto 0}.stat{min-width:100px}.nav-container{padding:0 .8rem}.nav-menu{padding:1rem}.app-content{padding:.8rem .3rem;text-align:center}section{padding-left:.8rem;padding-right:.8rem;text-align:center}.container{padding:0 .8rem;text-align:center}.section-header h2,.section-header p{margin:0 auto;text-align:center}}.main-device{max-width:250px;transform:none}.device-frame{height:500px;width:250px}.floating-cards{transform:scale(.7)}.card-1{left:-40%;top:10%}.card-2{right:-45%;top:35%}.card-3{bottom:10%;left:-35%}.upload-steps{grid-template-columns:1fr}.about-content,.contact-content{gap:2rem;grid-template-columns:1fr}.contact-section{padding:3rem 0}.contact-info h2,.section-header h2{font-size:2rem}.upload-card{min-height:400px}.upload-area{min-height:250px;padding:2rem}.preview-container{padding:1rem}.preview-container img{max-height:250px}.modal-content{margin:1rem;padding:1.5rem}.modal-header{margin-bottom:1rem;padding-bottom:.75rem}.modal-footer{margin-top:.75rem}.nav-menu.active .nav-logout-btn,.nav-menu.active .nav-user-section{margin-top:1rem}.user-dropdown{background:#0000;border:none;box-shadow:none;margin-top:0;position:static}.dropdown-item{border-bottom:1px solid #10b98133;color:#10b981}.dropdown-item:hover{background:#10b9811a;color:#10b981}.logout-item{color:#dc2626}.logout-item:hover{background:#dc26261a}.form-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;margin-bottom:2rem;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;min-height:44px;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-btn.active{background:#fff;box-shadow:0 2px 8px #10b98126;color:#10b981}.toggle-btn:hover:not(.active){background:#10b9810d;color:#10b981}@media (max-width:768px){.form-toggle{margin-bottom:1.5rem;padding:3px}.toggle-btn{font-size:1rem;min-height:48px;padding:1rem 1.2rem}}@media (max-width:480px){.form-toggle{margin-bottom:1.25rem}.toggle-btn{font-size:.95rem;min-height:44px;padding:.875rem 1rem}}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.signup-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem}.signup-info p{align-items:center;color:#15803d;display:flex;font-size:.9rem;gap:.5rem;margin:.5rem 0}.app-content{background:var(--bg-primary);min-height:calc(100vh - 80px);padding-top:80px}.App.dark-mode .app-content{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.analysis-results{background:#fff;box-shadow:0 4px 6px #0000001a}.analysis-results h4{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.analysis-image{margin-bottom:2rem}.analysis-image img{box-shadow:0 4px 15px #0000001a;max-height:400px}.result-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.result-content>div{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:1.5rem}.result-content h5{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.personalized-score{grid-column:1/-1}.score-display{align-items:center;gap:1rem;margin-top:1rem}.score-value{color:#667eea;font-size:2rem;font-weight:700;min-width:80px}.score-bar{background:#e9ecef;border-radius:10px;flex:1 1;height:20px}.score-fill{background:linear-gradient(135deg,#667eea,#764ba2)}.confidence-score span{color:#28a745;font-size:1.5rem;font-weight:600}.body-type{background:#667eea;border-radius:20px;padding:.5rem 1rem}.quality-yüksek{background:#d4edda;color:#155724}.quality-orta{background:#fff3cd;color:#856404}.quality-düşük{background:#f8d7da;color:#721c24}.risk-factors ul{list-style:none;padding:0}.risk-factors li{border-bottom:1px solid #dee2e6;color:#dc3545;font-weight:500;padding:.5rem 0}.risk-factors li:last-child{border-bottom:none}.daily-goal p{color:#2c3e50;font-weight:500;line-height:1.6}.suggestions ul{list-style:none;padding:0}.suggestions li{border-bottom:1px solid #dee2e6;color:#2c3e50;padding:.5rem 0 .5rem 1.5rem;position:relative}.suggestions li:last-child{border-bottom:none}.suggestions li:before{content:"💡";left:0;position:absolute}.weekly-progress .progress-summary{display:flex;flex-direction:column;gap:.5rem}.progress-summary span{color:#6c757d;font-weight:500}.analysis-actions .analyze-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.analysis-actions .analyze-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.result-content{gap:1rem;grid-template-columns:1fr}.score-display{flex-direction:column;gap:.5rem}.progress-summary,.score-value{text-align:center}}.posture-problems-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);padding:5rem 0}.problems-content{margin:0 auto;max-width:1200px;padding:0 2rem}.problems-header{margin-bottom:4rem;text-align:center}.problems-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.problems-header h3{color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.problems-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:800px}.problems-grid{grid-gap:3rem;display:grid;gap:3rem;margin-bottom:4rem}.problem-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 10px 40px var(--shadow-primary);padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.problem-card:hover{box-shadow:0 20px 60px var(--shadow-primary);transform:translateY(-5px)}.problem-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.problem-number{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.problem-header h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.problem-subtitle{color:var(--text-secondary);font-size:1rem;font-style:italic}.problem-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.problem-visual{display:flex;justify-content:center;margin:1.5rem 0}.before-after{gap:1.5rem;max-width:100%}.after,.before,.before-after{align-items:center;display:flex}.after,.before{flex-direction:column;text-align:center}.after img:hover,.before img:hover{box-shadow:0 6px 16px #00000026}.arrow{color:#10b981;font-size:1.5rem;font-weight:700}.figure{border-radius:10px;height:120px;margin-bottom:.5rem;position:relative;width:80px}.bad-head{background:linear-gradient(135deg,#ef4444,#dc2626)}.good-head{background:linear-gradient(135deg,#10b981,#059669)}.bad-shoulders{background:linear-gradient(135deg,#f59e0b,#d97706)}.good-shoulders{background:linear-gradient(135deg,#10b981,#059669)}.bad-lower-back{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.good-lower-back{background:linear-gradient(135deg,#10b981,#059669)}.problem-details h5{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.problem-details p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.detection-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}@media (max-width:1024px){.problems-content{padding:0 1.5rem}.problems-header h2{font-size:2.2rem}.problems-header h3{font-size:1.3rem}.problem-card{padding:2rem}.problem-content{gap:1.5rem;grid-template-columns:1fr 1.5fr}}@media (max-width:768px){.posture-problems-section{padding:3rem 0}.problems-content{padding:0 1rem}.problems-header{margin-bottom:3rem}.problems-header h2{font-size:1.8rem;line-height:1.2}.problems-header h3{font-size:1.1rem}.problems-header p{font-size:1rem}.problems-grid{gap:2rem;margin-bottom:3rem}.problem-card{padding:1.5rem}.problem-header{align-items:flex-start;flex-direction:column;gap:.5rem;text-align:left}.problem-number{font-size:1rem;height:40px;width:40px}.problem-header h4{font-size:1.25rem;margin:0}.problem-subtitle{font-size:.9rem}.problem-content{gap:1.5rem;grid-template-columns:1fr}.before-after{gap:1rem;justify-content:center}.after img,.before img{height:135px;width:90px}.arrow{font-size:1.2rem}.problem-details h5{font-size:1rem}.problem-details p{font-size:.95rem}.detection-stats{gap:1.5rem;grid-template-columns:1fr;margin-top:2rem}}@media (max-width:480px){.posture-problems-section{padding:2rem 0}.problems-content{padding:0 .75rem}.problems-header h2{font-size:1.5rem}.problems-header h3{font-size:1rem}.problems-header p{font-size:.9rem}.problem-card{padding:1.25rem}.problem-header h4{font-size:1.1rem}.problem-subtitle{font-size:.85rem}.before-after{align-items:center;flex-direction:column;gap:1rem}.arrow{font-size:1.5rem;transform:rotate(90deg)}.after img,.before img{height:150px;width:100px}}@media (max-width:360px){.problems-header h2{font-size:1.3rem}.problem-card{padding:1rem}.problem-number{font-size:.9rem;height:35px;width:35px}.problem-header h4{font-size:1rem}.after img,.before img{height:120px;width:80px}}.stat-item{background:var(--card-bg);box-shadow:0 4px 20px var(--shadow-primary);gap:1rem;padding:1.5rem}.stat-icon,.stat-item{align-items:center;border-radius:12px;display:flex}.stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-content h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.stat-content p{color:var(--text-secondary);font-size:.95rem;margin:0}.solution-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);padding:5rem 0}.solution-content{margin:0 auto;max-width:1200px;padding:0 2rem}.solution-header{margin-bottom:4rem;text-align:center}.solution-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.solution-header h3{color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.solution-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:800px}.solution-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:4rem}.solution-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #ffffff4d;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.App.dark-mode .solution-card{background:#0f172ab3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 0 #ffffff1a}.solution-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.solution-card:hover{box-shadow:0 20px 40px #00000026,0 8px 24px #0000001a,inset 0 1px 0 #fff6;transform:translateY(-8px) scale(1.02)}.App.dark-mode .solution-card:hover{box-shadow:0 20px 40px #0006,0 8px 24px #0000004d,inset 0 1px 0 #fff3}.solution-card:hover:before{left:100%}.solution-icon{font-size:2rem;margin-bottom:1rem}.solution-card h4{color:var(--accent-primary);font-size:1.125rem;font-weight:600}.solution-card p{font-size:.95rem;line-height:1.6}.app-interface-demo{margin-bottom:4rem}.demo-header{margin-bottom:2rem;text-align:center}.demo-header h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.demo-header p{color:var(--text-secondary);font-size:1rem}.interface-preview{display:flex;justify-content:center}.app-window{background:var(--card-bg);border-radius:15px;box-shadow:0 15px 40px var(--shadow-primary);max-width:600px;overflow:hidden;width:100%}.app-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.app-title{font-size:1rem;font-weight:600}.status-indicator{background:#fff3;border-radius:20px;font-size:.875rem;padding:.25rem .75rem}.status-indicator.good{background:#22c55e33}.app-body{align-items:center;display:flex;gap:1rem;padding:.75rem}.camera-section{flex:1 1;flex-direction:column;padding:.75rem}.camera-section,.video-container{background:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:center}.video-container{align-items:center;border:2px dashed var(--accent-primary);height:100px;overflow:hidden;position:relative;width:180px}.camera-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.camera-icon{color:var(--accent-primary);margin-bottom:1rem}.camera-placeholder h3{color:var(--text-primary);font-size:.9rem;margin-bottom:.2rem}.camera-placeholder p{color:var(--text-secondary);font-size:.7rem}.analysis-section{display:flex;flex:2 1;flex-direction:column;gap:.25rem}.analysis-metrics{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:.3rem}.metric-row{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:.15rem 0}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.metric-value{color:var(--text-primary);font-size:.75rem;font-weight:600}.metric-value.score-4{color:var(--accent-primary)}.risk-level{border:1px solid var(--accent-primary);border-radius:6px;font-size:.7rem;font-weight:500;padding:.2rem;text-align:center}.risk-level,.risk-level.düşük{background:var(--card-bg);color:var(--accent-primary)}.risk-level.düşük{border-color:var(--accent-primary)}.improvement-tips{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;padding:.3rem}.improvement-tips h4{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.2rem}.improvement-tips ul{list-style:none;margin:0;padding:0}.improvement-tips li{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:.75rem;padding:.15rem 0}.improvement-tips li:last-child{border-bottom:none}.improvement-tips li:before{color:var(--accent-primary);content:"✓";font-weight:700;margin-right:.2rem}.benefits-section{margin-bottom:4rem}.benefits-section h4{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:1rem;text-align:center}.target-audience-intro{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.benefits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.benefit-item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.App.dark-mode .benefit-item{background:#0f172ab3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 0 #ffffff1a}.benefit-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.benefit-item:hover{box-shadow:0 20px 40px #00000026,0 8px 24px #0000001a,inset 0 1px 0 #fff6;transform:translateY(-8px) scale(1.02)}.App.dark-mode .benefit-item:hover{box-shadow:0 20px 40px #0006,0 8px 24px #0000004d,inset 0 1px 0 #fff3}.benefit-item:hover:before{left:100%}.benefit-icon{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.benefit-content h5{color:var(--accent-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.benefit-content ul{list-style:none;margin:0;padding:0}.benefit-content li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;padding-left:1rem;position:relative}.benefit-content li:before{color:var(--accent-primary);content:"•";left:0;position:absolute}.cta-section{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:20px;padding:3rem;text-align:center}.cta-section h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-section p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:1024px){.solution-content{padding:0 1.5rem}.solution-header h2{font-size:2.2rem}.solution-header h3{font-size:1.3rem}.benefits-grid,.solution-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.app-window{max-width:500px}}@media (max-width:768px){.solution-section{padding:3rem 0}.solution-content{padding:0 1rem}.solution-header{margin-bottom:3rem}.solution-header h2{font-size:1.8rem;line-height:1.2}.solution-header h3{font-size:1.1rem}.solution-header p{font-size:1rem}.solution-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.solution-card{padding:1.25rem}.solution-card h4{font-size:1rem}.solution-card p{font-size:.9rem}.app-interface-demo{margin-bottom:3rem}.demo-header h4{font-size:1.5rem}.demo-header p{font-size:.95rem}.app-window{max-width:100%}.app-body{flex-direction:column;gap:1rem}.camera-section{width:100%}.video-container{margin:0 auto;max-width:300px;width:100%}.analysis-section{width:100%}.benefits-section h4{font-size:1.5rem}.target-audience-intro{font-size:1rem}.benefits-grid{gap:1.5rem;grid-template-columns:1fr}.benefit-item{padding:1.25rem}.benefit-content h5{font-size:1rem}.benefit-content li{font-size:.85rem}.cta-section{padding:2rem}.cta-section h3{font-size:1.6rem}.cta-section p{font-size:1rem}}@media (max-width:480px){.solution-section{padding:2rem 0}.solution-content{padding:0 .75rem}.solution-header h2{font-size:1.5rem}.solution-header h3{font-size:1rem}.solution-header p{font-size:.9rem}.solution-card{padding:1rem}.demo-header h4{font-size:1.3rem}.app-header{padding:.5rem .75rem}.app-title{font-size:.9rem}.status-indicator{font-size:.75rem;padding:.2rem .5rem}.app-body,.camera-section{padding:.5rem}.analysis-metrics{padding:.25rem}.metric-label,.metric-value{font-size:.7rem}.improvement-tips{padding:.25rem}.improvement-tips h4{font-size:.75rem}.improvement-tips li{font-size:.7rem}.benefits-section h4{font-size:1.3rem}.target-audience-intro{font-size:.9rem}.benefit-item{padding:1rem}.cta-section{padding:1.5rem}.cta-section h3{font-size:1.4rem}.cta-section p{font-size:.9rem}}@media (max-width:360px){.solution-header h2{font-size:1.3rem}.demo-header h4{font-size:1.2rem}.app-window{border-radius:10px}.video-container{height:80px}.camera-placeholder h3{font-size:.8rem}.camera-placeholder p{font-size:.65rem}.benefits-section h4,.cta-section h3{font-size:1.2rem}}.posture-types{display:flex;flex-direction:column;gap:1.5rem;height:100%;margin-bottom:0}.posture-type{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;flex:1 1;padding:1.5rem;transition:all .3s ease}.App.dark-mode .posture-type{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 20px #0000004d}.App.light-mode .posture-type{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014}.posture-type h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.App.dark-mode .posture-type h4{color:#f1f5f9}.App.light-mode .posture-type h4{color:#1e293b}.posture-type p{color:#64748b;font-size:.95rem;line-height:1.6;transition:color .3s ease}.App.dark-mode .posture-type p{color:#cbd5e1}.App.light-mode .posture-type p{color:#64748b}.posture-visual{align-items:flex-start;flex-direction:row;gap:2rem;margin:2rem 0;text-align:center}.features,.posture-visual{display:flex;justify-content:center}.features{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.75rem;min-width:200px;padding:1rem}.anatomy-diagram{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;display:flex;flex-shrink:0;height:300px;justify-content:center;margin:0;position:relative;width:200px}.plumb-line{background:linear-gradient(180deg,#10b981,#059669);border-radius:1px;height:80%;position:absolute;width:2px}.body-markers{height:100%;position:absolute;width:100%}.marker{font-size:1.5rem;position:absolute;transform:translateX(-50%)}.marker.ear{left:50%;top:10%}.marker.shoulder{left:50%;top:25%}.marker.hip{left:50%;top:50%}.marker.knee{left:50%;top:70%}.marker.ankle{left:50%;top:85%}.diagram-caption{color:#64748b;font-size:.875rem;font-style:italic;margin-top:1rem;text-align:center}.posture-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;height:100%}.comparison-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-align:center;transition:all .3s ease}.App.dark-mode .comparison-item{background:#1e293b;box-shadow:0 4px 20px #0000004d}.App.light-mode .comparison-item{background:#fff;box-shadow:0 4px 20px #00000014}.comparison-item h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.comparison-item.good h4{color:#10b981}.comparison-item.bad h4{color:#ef4444}.posture-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;overflow:hidden;width:100%}.posture-image img{display:block;height:auto;transition:transform .3s ease;width:100%}.posture-image img:hover{transform:scale(1.05)}.comparison-item ul{list-style:none;margin:0;padding:0;text-align:left}.comparison-item li{color:#64748b;font-size:.875rem;margin-bottom:.5rem;padding-left:1rem;position:relative;transition:color .3s ease}.App.dark-mode .comparison-item li{color:#cbd5e1}.App.light-mode .comparison-item li{color:#64748b}.comparison-item li:before{content:"•";left:0;position:absolute}.comparison-item.good li:before{color:#10b981}.comparison-item.bad li:before{color:#ef4444}@media (max-width:768px){.problems-grid{gap:2rem}.problem-content{gap:1.5rem;grid-template-columns:1fr}.benefits-grid,.solution-grid{gap:1rem;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.detection-stats,.posture-comparison,.posture-types{grid-template-columns:1fr}.problems-header h2,.solution-header h2{font-size:2rem}.problems-header h3,.solution-header h3{font-size:1.25rem}.benefit-item,.solution-card{padding:1rem}.app-body{gap:1.5rem;grid-template-columns:1fr}.app-window{max-width:100%}.video-container{height:250px}.analysis-metrics{padding:1rem}.metric-row{padding:.5rem 0}.improvement-tips{padding:1rem}}.after img,.before img{border-radius:10px;box-shadow:0 4px 12px #0000001a;height:165px;margin-bottom:.5rem;object-fit:cover;transition:transform .3s ease;width:110px}.after img:hover,.before img:hover{transform:scale(1.05)}.navbar{background:var(--card-bg);box-shadow:0 2px 20px var(--shadow-primary);left:0;padding:0;right:0}.nav-container{padding:.75rem 2rem}.nav-logo{text-decoration:none}.nav-logo-avatar{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.contact-section{align-items:center;background:var(--bg-primary);display:flex;min-height:100vh;padding:80px 0}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.contact-info h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-info p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.contact-items{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.contact-item:hover{box-shadow:0 8px 25px var(--shadow-primary);transform:translateY(-2px)}.contact-icon{align-items:center;background:var(--accent-primary);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact-item h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.contact-item p{color:var(--text-secondary);font-size:.95rem;margin:0}.contact-form{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 20px var(--shadow-primary);padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.contact-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.contact-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.contact-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.App.dark-mode .contact-section{background:#0f172a}.App.dark-mode .contact-form,.App.dark-mode .contact-item{background:#1e293b;border-color:#334155}.App.dark-mode .form-group input,.App.dark-mode .form-group textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}.App.dark-mode .form-group input::placeholder,.App.dark-mode .form-group textarea::placeholder{color:#64748b}.App.light-mode .contact-section{background:#f8fafc}.App.light-mode .contact-form,.App.light-mode .contact-item{background:#fff;border-color:#e5e7eb}.App.light-mode .form-group input,.App.light-mode .form-group textarea{background:#fff;border-color:#e5e7eb;color:#374151}.App.light-mode .form-group input::placeholder,.App.light-mode .form-group textarea::placeholder{color:#9ca3af}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-info h2{font-size:2rem}.contact-form{padding:1.5rem}}.nav-logo-avatar .nav-avatar-container{height:100%;width:100%}.nav-logo-avatar .nav-avatar-nice{height:40px!important;width:40px!important}.nav-logo-avatar .nav-avatar-img{height:100%;object-fit:cover;width:100%}.nav-logo-avatar .nav-avatar-initials{font-size:.9rem;height:100%;width:100%}.logo-container{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:12px;height:45px;width:45px}.nav-logo-img{object-fit:contain}.brand-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.brand-tagline{text-transform:uppercase}.nav-link{border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.5rem 1rem}.nav-link.active,.nav-link:hover{background:var(--bg-secondary);color:var(--accent-primary)}.nav-link.active{font-weight:600}.theme-toggle-btn{background:var(--bg-secondary);border-radius:8px}.theme-toggle-btn:hover{background:var(--bg-tertiary);transform:scale(1.05)}.solution-icon-modern{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;position:relative}.icon-bg-gradient{animation:float 3s ease-in-out infinite;border-radius:16px;box-shadow:0 8px 25px #00000026,0 4px 12px #0000001a;height:60px;transition:all .4s cubic-bezier(.4,0,.2,1);width:60px}.solution-card .icon-bg-gradient{animation:float 3s ease-in-out infinite,pulse 2s ease-in-out infinite}.benefit-item .icon-bg-gradient{animation:float 4s ease-in-out infinite}.solution-card:hover .icon-bg-gradient:before{left:100%}.solution-card:hover .icon-bg-gradient{box-shadow:0 15px 40px #00000040,0 8px 20px #0003;transform:scale(1.15) rotate(8deg)}.icon-bg-gradient svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.4,0,.2,1)}.solution-card:hover .icon-bg-gradient svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1)}.benefit-item:hover .icon-bg-gradient{box-shadow:0 12px 35px #0003,0 6px 16px #00000026;transform:scale(1.1) rotate(-5deg)}.benefit-item:hover .icon-bg-gradient svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1)}.icon-bg-gradient.blue:hover{box-shadow:0 15px 40px #3b82f666,0 8px 20px #3b82f64d,0 0 30px #3b82f633!important}.icon-bg-gradient.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-bg-gradient.purple:hover{box-shadow:0 15px 40px #8b5cf666,0 8px 20px #8b5cf64d,0 0 30px #8b5cf633!important}.icon-bg-gradient.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.icon-bg-gradient.cyan:hover{box-shadow:0 15px 40px #06b6d466,0 8px 20px #06b6d44d,0 0 30px #06b6d433!important}.icon-bg-gradient.green{background:linear-gradient(135deg,#10b981,#059669)}.icon-bg-gradient.green:hover{box-shadow:0 15px 40px #10b98166,0 8px 20px #10b9814d,0 0 30px #10b98133!important}.icon-bg-gradient.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.icon-bg-gradient.red:hover{box-shadow:0 15px 40px #ef444466,0 8px 20px #ef44444d,0 0 30px #ef444433!important}.icon-bg-gradient.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-bg-gradient.amber:hover{box-shadow:0 15px 40px #f59e0b66,0 8px 20px #f59e0b4d,0 0 30px #f59e0b33!important}.benefit-icon-modern{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;position:relative}.benefit-icon-modern .icon-bg-gradient{border-radius:12px;height:50px;width:50px}.solution-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem;transition:all .3s ease}.solution-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7;transition:color .3s ease}.solution-card:hover p{color:var(--text-primary)}.App.dark-mode .icon-bg-gradient{box-shadow:0 8px 25px #0006,0 4px 12px #0000004d}.App.dark-mode .solution-card:hover .icon-bg-gradient{box-shadow:0 12px 35px #00000080,0 6px 16px #0006}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 8px 25px #00000026,0 4px 12px #0000001a}50%{box-shadow:0 12px 35px #3b82f64d,0 6px 16px #3b82f633,0 0 20px #3b82f61a}}.solution-card:hover .icon-bg-gradient:after{animation:shimmer 1.5s ease-in-out;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.solution-grid{gap:1.5rem;grid-template-columns:1fr}.solution-card{padding:1.5rem}.icon-bg-gradient{height:50px;width:50px}.solution-card h4{font-size:1.1rem}.solution-card p{font-size:.95rem}}@media (max-width:480px){.solution-card{padding:1.25rem}.icon-bg-gradient{height:45px;width:45px}.solution-card h4{font-size:1rem}.solution-card p{font-size:.9rem}}.nav-user-info{background:var(--bg-secondary);border-radius:12px;font-weight:500;gap:.75rem}.nav-user-info:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.nav-user-avatar{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:50%;height:48px;overflow:hidden;width:48px}.nav-avatar-container,.nav-user-avatar{align-items:center;display:flex;justify-content:center}.nav-avatar-container{height:100%;width:100%}.nav-avatar-nice{border-radius:50%;height:48px!important;width:48px!important}.nav-avatar-img{object-fit:cover}.nav-avatar-img,.nav-avatar-initials{border-radius:50%;height:100%;width:100%}.nav-avatar-initials{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.dropdown-arrow{color:var(--text-secondary)}.user-dropdown{overflow:hidden;top:calc(100% + .5rem);z-index:1001}.dropdown-item{align-items:center;display:flex;font-weight:500;gap:.5rem;transition:all .3s ease}.dropdown-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.logout-item:hover{background:#fef2f2;color:#dc2626}.nav-cta{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:12px;display:inline-flex;font-size:.95rem;justify-content:center;text-decoration:none}.nav-cta:hover{box-shadow:0 6px 20px #10b98166}.mobile-menu-toggle{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.5rem;transition:all .3s ease;z-index:1001}@media (max-width:768px){.mobile-menu-toggle{display:flex!important}.nav-menu{display:none!important}.nav-logo{gap:0;left:auto;margin-left:1rem!important;position:static;transform:none}.brand-text{display:none!important}.logo-container{border-radius:12px;height:45px!important;width:45px!important}.nav-logo-img{height:100%!important;object-fit:contain;width:100%!important}.nav-logo-avatar{height:32px;width:32px}.nav-container{padding:0 1rem}.chatbot-widget{display:none!important}}.mobile-menu-toggle:hover{background:var(--bg-tertiary);transform:scale(1.05)}.mobile-menu-toggle span{margin:3px 0;transition:.3s}.mobile-menu-toggle.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{animation:slideDown .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#0f172ad9;border-top:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d;left:0;max-height:calc(100vh - 70px);overflow-y:auto;position:fixed;right:0;top:70px;z-index:999}.light-mode .mobile-menu{background:#ffffffe6;border-top:1px solid #0000001a;box-shadow:0 8px 32px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-content{display:flex;flex-direction:column;gap:.75rem;padding:2rem 1.5rem}.mobile-nav-link{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;padding:1.25rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .mobile-nav-link{background:#fffc;border:1px solid #0000001a;box-shadow:0 4px 16px #0000000d;color:#1f2937}.mobile-nav-link:hover{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1a;border-color:#10b98180;box-shadow:0 8px 24px #00000026;transform:translateY(-2px) scale(1.02)}.light-mode .mobile-nav-link:hover{background:#fffffff2;border-color:#10b981b3;box-shadow:0 8px 24px #0000001a}.mobile-nav-link.active{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#10b98133;border-color:#10b981cc;box-shadow:0 6px 20px #10b9814d;color:#10b981;font-weight:600}.light-mode .mobile-nav-link.active{background:#10b98126;border-color:#10b981e6;box-shadow:0 6px 20px #10b98133;color:#059669}.mobile-theme-link{background:#10b9811a!important;border-color:#10b98180!important;color:#10b981!important}.light-mode .mobile-theme-link{background:#10b9811a!important;border-color:#10b98199!important;color:#059669!important}.mobile-theme-toggle{border-bottom:1px solid var(--border-primary);border-top:1px solid var(--border-primary);margin:1rem 0;padding:1rem 0}.mobile-theme-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:1rem;transition:all .3s ease;width:100%}.mobile-theme-btn:hover{background:var(--bg-tertiary);transform:scale(1.02)}.mobile-user-section{border-top:2px solid var(--border-primary);margin-top:2rem;padding-top:1.5rem}.mobile-user-info{align-items:center;background:linear-gradient(135deg,var(--card-bg) 0,#ffffff0d 100%);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 12px var(--shadow-primary);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.mobile-user-avatar{border:2px solid var(--accent-primary);border-radius:50%;height:48px;overflow:hidden;width:48px}.mobile-user-details{display:flex;flex-direction:column;gap:.25rem}.mobile-user-name{color:var(--text-primary);font-size:1rem;font-weight:600}.mobile-user-email{color:var(--text-secondary);font-size:.875rem}.mobile-user-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-action-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:1rem;transition:all .3s ease}.mobile-action-item:hover{background:var(--bg-tertiary);transform:translateX(5px)}.mobile-action-item.logout-action{border-color:#ef444433;color:#ef4444}.mobile-action-item.logout-action:hover{background:#ef44441a}.mobile-action-icon{font-size:1.1rem}.mobile-auth-section{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:1rem}.mobile-auth-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.mobile-auth-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}@media (max-width:768px){.nav-container{padding:.75rem 1rem}.nav-menu{display:none}.mobile-menu-toggle{display:flex}.nav-cta,.nav-user-section,.theme-toggle-btn{display:none}}.after span,.before span{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-align:center}.App.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-primary:#ffffff1a;--border-secondary:#fff3;--shadow-primary:#0003;--shadow-secondary:#0000001a;--accent-primary:#10b981;--accent-secondary:#059669;--card-bg:linear-gradient(135deg,#ffffff1a,#ffffff0d);--card-hover:linear-gradient(135deg,#ffffff26,#ffffff14)}.App.light-mode{--bg-primary:#faf9f7;--bg-secondary:#f5f3f0;--bg-tertiary:#ede8e3;--text-primary:#2c2825;--text-secondary:#4a453f;--text-muted:#6b645c;--border-primary:#2c28251f;--border-secondary:#2c28252e;--shadow-primary:#2c282514;--shadow-secondary:#2c28250a;--accent-primary:#10b981;--accent-secondary:#059669;--card-bg:#faf9f7d9;--card-hover:#f5f3f0f2}.about-page{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-primary) 100%);color:var(--text-primary);min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.about-page:before{background-image:radial-gradient(circle at 20% 80%,#10b9811a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-page-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.about-page-header{margin-bottom:4rem;position:relative;text-align:center}.about-page-header h1{color:var(--text-primary);font-size:4rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1rem;text-shadow:0 4px 8px var(--shadow-primary)}.header-decoration{background:linear-gradient(135deg,#065f46,#047857 25%,#10b981 50%,#34d399 75%,#6ee7b7);border-radius:3px;box-shadow:0 4px 12px #10b98166;height:6px;margin:0 auto;width:120px}.about-page-content{display:flex;flex-direction:column;gap:4rem}.about-page .about-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:24px;box-shadow:0 20px 60px var(--shadow-primary),0 8px 32px var(--shadow-secondary);overflow:hidden;padding:3.5rem;position:relative;transition:all .4s ease}.about-page .about-section:before{background:linear-gradient(135deg,#065f46,#047857 25%,#10b981 50%,#34d399 75%,#6ee7b7);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.about-page .about-section:hover{background:var(--card-hover);border-color:var(--border-secondary);box-shadow:0 30px 80px var(--shadow-primary),0 12px 40px var(--shadow-secondary);transform:translateY(-8px) scale(1.02)}.about-page .about-section h2{color:var(--text-primary);font-size:2.8rem;font-weight:800;margin-bottom:2rem;position:relative;text-shadow:0 2px 4px var(--shadow-primary)}.about-page .about-section h2:after{background:linear-gradient(135deg,#065f46,#047857 25%,#10b981 50%,#34d399 75%,#6ee7b7);border-radius:2px;bottom:-12px;box-shadow:0 2px 8px #10b9814d;content:"";height:4px;left:0;position:absolute;width:80px}.about-page .about-section p{color:var(--text-primary);font-size:1.2rem;font-weight:500;line-height:1.9;margin-bottom:1.8rem}.about-page .about-section p:last-child{margin-bottom:0}.team-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#10b981;box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.feature-card h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:#64748b;font-size:1rem;line-height:1.6}@media (max-width:768px){.about-page-header h1{font-size:2.5rem}.about-page .about-section{padding:2rem}.about-page .about-section h2{font-size:2rem}.team-features{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem}}.academy-logo-section{color:var(--text-primary);margin-top:3rem;padding:2rem 0;text-align:center}.academy-logo-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 4px var(--shadow-primary)}.academy-logo-container{align-items:center;display:flex;justify-content:center}.academy-logo{border:3px solid #10b98126;border-radius:20px;box-shadow:0 25px 80px #10b98140,0 12px 40px #00000026;height:auto;max-width:500px;object-fit:contain;transition:all .4s ease}.academy-logo:hover{border-color:#10b98166;box-shadow:0 35px 100px #10b98159,0 15px 50px #0003;transform:scale(1.05) translateY(-8px)}@media (max-width:768px){.academy-logo{max-width:250px}}.theme-toggle-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-left:1rem;padding:.5rem;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:var(--card-hover);border-color:var(--border-secondary);transform:scale(1.1)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem 0 1rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;gap:1rem;left:auto;margin-left:0;position:static;transition:transform .3s ease}.logo-container{align-items:center;background:var(--card-bg);border:2px solid var(--border-primary);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;transition:all .3s ease;width:40px}.nav-logo-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.brand-text{align-items:flex-start;display:flex;flex-direction:column}.nav-logo h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.brand-tagline{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px}.nav-menu{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active:after{border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-cta,.nav-link.active:after{background:var(--accent-primary)}.nav-cta{border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.nav-cta:hover{background:var(--accent-secondary);transform:translateY(-2px)}.nav-auth-btn{background:#0000;border:2px solid var(--border-primary);border-radius:20px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.nav-auth-btn:hover{background:var(--card-bg);border-color:var(--accent-primary)}.nav-user-section{position:relative}.nav-user-info{align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;max-width:200px;overflow:hidden;padding:.5rem 1rem;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.nav-user-info:hover{background:var(--card-hover);border-color:var(--border-secondary)}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.nav-user-info:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 30px var(--shadow-primary);min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.App.dark-mode .user-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2!important;border:1px solid #fff3;box-shadow:0 10px 30px #0000004d}.dropdown-item{border-radius:8px;color:var(--text-primary);cursor:pointer;margin:.25rem;padding:.75rem 1rem;transition:background-color .3s ease}.dropdown-item:hover{background:var(--card-hover)}.dropdown-item:last-child{border-bottom:none}.dropdown-divider{background:var(--border-primary);height:1px;margin:.5rem 0}.logout-item{color:#ef4444}.logout-item:hover{background:#ef44441a}.nav-logout-btn{background:#ef4444;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.nav-logout-btn:hover{background:#dc2626}.mobile-menu-toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.mobile-menu-toggle span{background:var(--text-primary);border-radius:2px;height:3px;transition:all .3s ease;width:25px}.App.dark-mode .login-form .form-group input,.App.dark-mode .modal-content .form-group input{background:#fffffff2!important;border:1px solid #d1d5db!important;color:#1e293b!important}.App.dark-mode .login-form .form-group input:focus,.App.dark-mode .modal-content .form-group input:focus{background:#fff!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #10b9811a!important;color:#1e293b!important}.App.dark-mode .login-form .form-group input::placeholder,.App.dark-mode .modal-content .form-group input::placeholder{color:#6b7280!important}.App.light-mode .login-form .form-group input,.App.light-mode .modal-content .form-group input{background:#fffffff2!important;border:1px solid #d1d5db!important;color:#1e293b!important}.App.light-mode .login-form .form-group input:focus,.App.light-mode .modal-content .form-group input:focus{background:#fff!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #10b9811a!important;color:#1e293b!important}.App.light-mode .login-form .form-group input::placeholder,.App.light-mode .modal-content .form-group input::placeholder{color:#6b7280!important}.App.dark-mode .login-info,.App.light-mode .login-info{background:linear-gradient(135deg,#10b981,#059669)!important}.App.dark-mode .feature-card{background:#0003!important;border:1px solid #ffffff1a!important}.App.dark-mode .feature-card:hover{background:#0000004d!important}.App.light-mode .feature-card{background:#ffffff1a!important;border:1px solid #fff3!important}.App.light-mode .feature-card:hover{background:#ffffff26!important}.App.dark-mode .feature-card p{color:#ffffffe6!important}.App.dark-mode .feature-card h4{color:#fff!important}.App.light-mode .feature-card p{color:#ffffffe6!important}.App.light-mode .feature-card h4{color:#fff!important}.dashboard{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:6rem 2rem 2rem;width:100%}.dashboard-tab-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #10b98133;border-radius:12px;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.dashboard-tab-btn:before{background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dashboard-tab-btn:hover:before{left:100%}.dashboard-tab-btn:hover{background:#10b9811a;border-color:#10b98166;box-shadow:0 8px 25px #10b98133;color:var(--text-primary);transform:translateY(-2px)}.dashboard-tab-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 8px 25px #10b9814d}.dashboard-tab-btn.active:hover{box-shadow:0 12px 30px #10b98166;transform:translateY(-2px)}.tab-icon{height:18px;transition:all .3s ease;width:18px}.dashboard-tab-btn:hover .tab-icon{transform:scale(1.1) rotate(5deg)}.dashboard-tab-btn.active .tab-icon{transform:scale(1.05)}.dashboard-period-btn{align-items:center;background:#ffffff08;border:1px solid #10b98126;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all .3s ease}.dashboard-period-btn:hover{background:#10b98114;border-color:#10b9814d;color:var(--text-primary);transform:translateY(-1px)}.dashboard-period-btn.active{background:linear-gradient(135deg,#10b98126,#10b98140);border-color:#10b981;color:#10b981;font-weight:600}.period-icon{height:14px;transition:all .3s ease;width:14px}.dashboard-period-btn:hover .period-icon{transform:scale(1.1)}.dashboard-period-btn.active .period-icon{color:#10b981}.dashboard-actions{gap:1.5rem}.dashboard-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;min-width:160px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.dashboard-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dashboard-action-btn:hover:before{left:100%}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d}.refresh-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f666}.pdf-btn{box-shadow:0 4px 15px #10b9814d}.pdf-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166}.action-icon{height:18px;transition:all .3s ease;width:18px}.dashboard-action-btn:hover .action-icon{transform:scale(1.1) rotate(5deg)}.refresh-btn:hover .action-icon{animation:spin 1s linear infinite}@media (max-width:768px){.dashboard-tab-btn{font-size:.9rem;padding:10px 18px}.dashboard-period-btn{font-size:.8rem;padding:6px 12px}.dashboard-action-btn{font-size:.9rem;min-width:140px;padding:12px 20px}.dashboard-actions{gap:1rem}}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:1.1rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.chart-card{background:linear-gradient(135deg,var(--card-bg) 0,#ffffff0d 100%);border:2px solid var(--border-primary);box-shadow:0 8px 32px #0000001a;grid-column:span 2;min-height:400px}.chart-container{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;height:350px;margin-top:1rem;position:relative;width:100%}.chart-container canvas{background:var(--card-bg);border-radius:8px}.no-data-message{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);margin-top:1rem;padding:3rem 1rem;text-align:center}.no-data-message p{font-size:1rem;margin:.5rem 0}.no-data-message p:first-child{color:var(--text-primary);font-size:1.2rem;font-weight:600}.chart-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-3px)}.chart-container .chartjs-legend{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;margin-top:1rem;padding:.5rem}.chart-info{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-top:1rem;padding:.5rem;text-align:center}.chart-info p{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:15px;box-shadow:0 4px 6px var(--shadow-primary);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{background:var(--card-hover);box-shadow:0 8px 25px var(--shadow-primary);transform:translateY(-5px)}.dashboard-card h3{align-items:center;border-bottom:3px solid var(--accent-primary);color:var(--text-primary);display:flex;font-size:1.4rem;font-weight:800;gap:.5rem;justify-content:center;margin:0 0 1.5rem;padding-bottom:.8rem;text-align:center;width:100%}.progress-content{gap:.8rem}.progress-item{border-bottom:1px solid var(--border-primary);padding:.8rem 0;transition:background-color .3s ease}.progress-item:last-child{border-bottom:none}.progress-item:hover{background:var(--card-hover)}.progress-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.progress-value{color:var(--text-primary);font-size:1rem;font-weight:600}.recent-scores{gap:.8rem}.score-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:.8rem;transition:background-color .3s ease}.score-item:hover{background:var(--card-hover)}.score-date{color:var(--text-secondary);font-size:.9rem}.score-details{align-items:center;display:flex;gap:1rem}.score-level{border-radius:20px;font-size:.8rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.score-iyi{background:#d4edda;color:#155724}.score-orta{background:#fff3cd;color:#856404}.score-kötü{background:#f8d7da;color:#721c24}.score-confidence{color:var(--text-primary);font-weight:600}.insights-list{gap:1rem}.insight-item{border-left:4px solid;border-radius:8px;padding:1rem}.insight-improvement{background:var(--card-bg)!important;border-left-color:#28a745;border:1px solid var(--border-primary)}.insight-warning{border-left-color:#ffc107;border:1px solid var(--border-primary)}.insight-timing,.insight-warning{background:var(--card-bg)!important}.insight-timing{border-left-color:#17a2b8;border:1px solid var(--border-primary)}.insight-body_type{background:var(--card-bg)!important;border-left-color:#6c757d;border:1px solid var(--border-primary)}.insight-consistency{background:var(--card-bg)!important;border-left-color:#28a745;border:1px solid var(--border-primary)}.insight-title{margin-bottom:.3rem}.recommendations-list li{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:.8rem 0 .8rem 1.5rem}.recommendations-list li:last-child{border-bottom:none}.recommendations-list li:before{color:#27ae60;content:"✓";left:0}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;text-align:center}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.pdf-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;box-shadow:0 4px 15px #10b98166;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.pdf-btn:hover{box-shadow:0 6px 20px #10b98199;transform:translateY(-2px)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;height:50px;margin-bottom:1rem;width:50px}.dashboard-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:2rem;text-align:center}.dashboard-error button{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.dashboard-error button:hover{background:#c82333}.dashboard-tab-btn{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:25px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.7rem 2rem;transition:background .2s,color .2s,border .2s}.dashboard-tab-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-color:var(--accent-primary);color:#fff}.dashboard-tab-btn:not(.active):hover{background:var(--border-primary);color:var(--accent-primary)}.chart-card .dashboard-tab-btn{border-radius:20px;font-size:.9rem;margin:0;padding:.5rem 1.5rem;transition:all .3s ease}.chart-card .dashboard-tab-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.chart-card .dashboard-tab-btn:not(.active):hover{background:#10b9811a;border-color:#10b981;color:#10b981}.risk-list,.suggestion-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.risk-box,.suggestion-box{align-items:center;background:#f8fafc;background:var(--card-bg,#f8fafc);border:1.5px solid #10b981;border:1.5px solid var(--border-primary,#10b981);border-radius:10px;box-shadow:0 2px 8px #10b98112;color:#222;color:var(--text-primary,#222);display:flex;font-size:1.05rem;min-height:48px;padding:1rem 1.2rem;transition:box-shadow .2s,border-color .2s}.risk-box{background:linear-gradient(90deg,#fee2e2,#fff);border-left:5px solid #ef4444}.suggestion-box{background:linear-gradient(90deg,#d1fae5,#fff);border-left:5px solid #10b981}.suggestion-box:before,.suggestion-list .suggestion-box:before{content:none!important;display:none!important}.risk-box:hover,.suggestion-box:hover{border-color:#059669;box-shadow:0 4px 16px #10b98121}.App.dark-mode .risk-box{background:linear-gradient(90deg,#2d2323,#1e293b);border-left:5px solid;border-color:#ef4444;color:#fff}.App.dark-mode .suggestion-box{background:linear-gradient(90deg,#134e4a,#1e293b);border-left:5px solid;border-color:#10b981;color:#fff}.score-item.selected{background:#10b981!important;border:2px solid #059669!important;box-shadow:0 4px 16px #10b9812e;color:#fff!important;transition:background .2s,border .2s,color .2s}.App.dark-mode .score-item.selected{background:#059669!important;border:2px solid #10b981!important;color:#fff!important}.summary-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.summary-box{align-items:center;background:linear-gradient(90deg,#dbeafe,#fff);border:1.5px solid #2563eb;border:1.5px solid var(--border-primary,#2563eb);border-radius:10px;box-shadow:0 2px 8px #3b82f614;color:#222;color:var(--text-primary,#222);display:flex;font-size:1.05rem;font-weight:500;min-height:48px;padding:1rem 1.2rem;transition:box-shadow .2s,border-color .2s}.summary-box:hover{border-color:#2563eb;box-shadow:0 4px 16px #3b82f621}.App.dark-mode .summary-box{background:linear-gradient(90deg,#1e293b,#172554);border-left:5px solid;border-color:#2563eb;color:#fff}.color-legend-table{background:#fff;background:var(--card-bg,#fff);border:2px solid #2563eb;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #3b82f614;min-width:340px;overflow:hidden}.color-legend-table td,.color-legend-table th{font-size:1rem;padding:.7rem 1.2rem;text-align:left}.color-legend-table th{background:#2563eb;color:#fff;font-weight:700}.color-legend-table tr:not(:last-child) td{border-bottom:1px solid #dbeafe}.legend-color-box{border:1.5px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 4px #3b82f614;display:inline-block;height:20px;width:32px}.App.dark-mode .color-legend-table{background:#1e293b;border-color:#2563eb}.App.dark-mode .color-legend-table th{background:#2563eb;color:#fff}.App.dark-mode .color-legend-table td{color:#fff}.color-legend-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:.5rem 0}.color-legend-item{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:8px;box-shadow:0 1px 4px #3b82f614;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.4rem 1rem}.legend-label{color:#222;color:var(--text-primary,#222);font-size:1rem;font-weight:500}.App.dark-mode .color-legend-item{background:#1e293b}.App.dark-mode .legend-label{color:#fff}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.chart-card{grid-column:span 1;min-height:300px}.chart-container{height:250px}.dashboard-header h2{font-size:2rem}.score-details{align-items:flex-end;flex-direction:column;gap:.5rem}.three-d-model-container{border-radius:12px;height:400px!important;margin-bottom:1rem;overflow:hidden;width:100%!important}.color-legend-row{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important;padding:0 1rem}.color-legend-item{font-size:.9rem;padding:.3rem 0}.risk-factors-card,.suggestions-card,.summary-card{margin-bottom:1rem;padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.card-header h3{font-size:1.1rem}.card-icon{font-size:1rem;height:35px;width:35px}.summary-box{align-items:flex-start!important;flex-direction:column!important;gap:.3rem}.summary-box span{text-align:left!important;word-break:break-word}}.risk-factors-card,.suggestions-card,.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.risk-factors-card:before,.suggestions-card:before,.summary-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.risk-factors-card:hover:before,.suggestions-card:hover:before,.summary-card:hover:before{transform:translateX(100%)}.risk-factors-card:hover,.suggestions-card:hover,.summary-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.card-header{border-bottom:1px solid #ffffff1a;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.card-icon{align-items:center;border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.risk-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.suggestion-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.summary-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d;color:#fff}.card-icon:hover{transform:scale(1.1) rotate(5deg)}.card-header h3{font-size:1.1rem;text-shadow:0 1px 2px #0000001a}.risk-factors-card .risk-list,.suggestions-card .suggestion-list,.summary-card .summary-list{display:flex;flex-direction:column;gap:.75rem}.risk-factors-card .risk-box,.suggestions-card .suggestion-box,.summary-card .summary-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;font-size:.9rem;line-height:1.5;overflow:hidden;padding:.875rem;position:relative;transition:all .3s ease}.risk-factors-card .risk-box:hover,.suggestions-card .suggestion-box:hover,.summary-card .summary-box:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateX(5px)}.risk-factors-card .risk-box{background:linear-gradient(90deg,#ef44441a,#ffffff14);border-left:3px solid #ef4444}.suggestions-card .suggestion-box{background:linear-gradient(90deg,#10b9811a,#ffffff14);border-left:3px solid #10b981}.summary-card .summary-box{align-items:center;background:linear-gradient(90deg,#3b82f61a,#ffffff14);border-left:3px solid #3b82f6;display:flex;justify-content:space-between}.summary-card .summary-box b{color:var(--text-primary);font-weight:600}.App.dark-mode .risk-factors-card,.App.dark-mode .suggestions-card,.App.dark-mode .summary-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:#94a3b833}.App.dark-mode .card-header{border-bottom-color:#94a3b833}.App.dark-mode .risk-factors-card .risk-box,.App.dark-mode .suggestions-card .suggestion-box,.App.dark-mode .summary-card .summary-box{background:#1e293b80;border-color:#94a3b833;color:#e2e8f0}.App.dark-mode .risk-factors-card .risk-box:hover,.App.dark-mode .suggestions-card .suggestion-box:hover,.App.dark-mode .summary-card .summary-box:hover{background:#1e293bb3;border-color:#94a3b84d}@media (max-width:1024px){.risk-factors-card,.suggestions-card,.summary-card{padding:1.25rem}.card-icon{font-size:1.1rem;height:36px;width:36px}.card-header h3{font-size:1rem}}@media (max-width:768px){.risk-factors-card,.suggestions-card,.summary-card{padding:1rem}.card-header{gap:.5rem;margin-bottom:1rem}.card-icon{font-size:1rem;height:32px;width:32px}.risk-factors-card .risk-box,.suggestions-card .suggestion-box,.summary-card .summary-box{font-size:.85rem;padding:.75rem}}.chart-card,.insights,.recent-analyses,.recommendations,.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.chart-card:before,.insights:before,.recent-analyses:before,.recommendations:before,.stats-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.chart-card:hover:before,.insights:hover:before,.recent-analyses:hover:before,.recommendations:hover:before,.stats-card:hover:before{transform:translateX(100%)}.chart-card:hover,.insights:hover,.recent-analyses:hover,.recommendations:hover,.stats-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.stats-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d;color:#fff}.chart-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 15px #06b6d44d;color:#fff}.recent-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d;color:#fff}.insights-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.recommendations-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.progress-content{display:flex;flex-direction:column;gap:1rem}.progress-item{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;display:flex;justify-content:space-between;padding:.875rem;transition:all .3s ease}.progress-item:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateX(5px)}.progress-label{color:var(--text-primary);font-weight:600}.progress-value{color:#10b981;font-weight:700;text-shadow:0 1px 2px #0000001a}.chart-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.recent-scores{display:flex;flex-direction:column;gap:.75rem}.score-item{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;padding:.875rem;transition:all .3s ease}.score-item:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateX(5px)}.score-item.selected{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b981;box-shadow:0 4px 15px #10b98133}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-item{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:.875rem;transition:all .3s ease}.insight-item:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateX(5px)}.insight-title{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.insight-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.recommendations-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.recommendations-list li{background:#ffffff14;border:1px solid #ffffff26;border-left:3px solid #ef4444;border-radius:10px;padding:.875rem;position:relative;transition:all .3s ease}.recommendations-list li:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateX(5px)}.recommendations-list li:before{color:#ef4444;content:"→";font-weight:700;left:.5rem;position:absolute}.App.dark-mode .chart-card,.App.dark-mode .insights,.App.dark-mode .recent-analyses,.App.dark-mode .recommendations,.App.dark-mode .stats-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:#94a3b833}.App.dark-mode .insight-item,.App.dark-mode .progress-item,.App.dark-mode .recommendations-list li,.App.dark-mode .score-item{background:#1e293b80;border-color:#94a3b833;color:#e2e8f0}.App.dark-mode .insight-item:hover,.App.dark-mode .progress-item:hover,.App.dark-mode .recommendations-list li:hover,.App.dark-mode .score-item:hover{background:#1e293bb3;border-color:#94a3b84d}.App.dark-mode .chart-container{background:#1e293b4d;border-color:#94a3b833}@media (max-width:1024px){.chart-card,.insights,.recent-analyses,.recommendations,.stats-card{padding:1.25rem}}@media (max-width:768px){.chart-card,.insights,.recent-analyses,.recommendations,.stats-card{padding:1rem}.insight-item,.progress-item,.recommendations-list li,.score-item{font-size:.85rem;padding:.75rem}}.upload-section,body,html{max-width:100vw;overflow-x:hidden}.upload-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);box-sizing:border-box;min-height:100vh;overflow-y:auto;padding:4rem 2rem;position:relative;width:100%}.upload-section:before{background-image:radial-gradient(circle at 20% 80%,#10b9811a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px;position:relative;text-align:center;z-index:2}.section-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px var(--shadow-primary)}.section-header p{color:var(--text-secondary);font-size:1.1rem}.analysis-mode-selector{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.mode-tabs{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:15px;gap:1rem;justify-content:center;padding:.5rem}.mode-tab,.mode-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.mode-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;gap:.5rem;padding:12px 24px;transition:all .3s ease}.mode-tab:hover{background:var(--card-hover);color:var(--text-primary)}.mode-tab.active{background:var(--accent-primary);box-shadow:0 5px 15px var(--shadow-primary);color:#fff}.mode-tab svg{height:20px;width:20px}.upload-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 20px 40px var(--shadow-primary);margin-left:auto;margin-right:auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative}.upload-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.step{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:15px;padding:1.5rem;text-align:center;transition:transform .3s ease}.step:hover{background:var(--card-hover);transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.step h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.step p{color:var(--text-secondary);line-height:1.5;margin:0}.upload-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:15px;box-shadow:0 10px 30px var(--shadow-primary);padding:2rem}.upload-area{background:var(--bg-secondary);border:3px dashed var(--border-secondary);border-radius:15px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.upload-area.drag-over,.upload-area:hover{background:#10b9810d;border-color:var(--accent-primary)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:var(--text-muted);margin-bottom:1rem}.upload-content h3{font-size:1.5rem;margin:0}.upload-content p{color:var(--text-secondary);font-size:1.1rem;margin:0}.file-select{color:var(--accent-primary);cursor:pointer;font-weight:600;text-decoration:underline}.upload-info{color:#6c757d;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;margin-top:1rem}.error-message{background:#ff6b6b1a;border-left:4px solid #ff6b6b;border-radius:10px;color:#c92a2a}.preview-container{display:flex;flex-direction:column;gap:1.5rem}.preview-header h3{color:#2c3e50;margin:0}.change-photo{background:#0000;border:2px solid #10b981;border-radius:20px;color:#10b981;padding:8px 16px}.change-photo:hover{background:#10b981;color:#fff}.preview-container img{border-radius:10px;box-shadow:0 5px 15px #0000001a;max-height:400px;object-fit:contain;width:100%}.analysis-type-selector{border-radius:15px;box-sizing:border-box;max-width:100%;padding:1.5rem;width:100%}.analysis-type-selector h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.analysis-type-option,.analysis-type-options{box-sizing:border-box;max-width:100%;width:100%}.analysis-type-option{border-radius:12px;padding:1rem}.analysis-type-option:hover{transform:translateY(-2px)}.analysis-type-option.active,.analysis-type-option:hover{box-shadow:0 5px 15px var(--shadow-primary)}.option-image{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:10px;margin-top:10px;padding-top:7px}.option-image img{background:var(--bg-secondary);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.analysis-type-option:hover .option-image img{transform:scale(1.05)}.analysis-type-option.active .option-image{border-color:var(--accent-primary);box-shadow:0 0 0 2px #10b9814d}.option-text h5{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.analyze-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.5rem;justify-content:center;padding:15px 30px;transition:all .3s ease;width:100%}.analyze-btn:hover{box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}.btn-icon{font-size:18px;transition:transform .3s ease}.analyze-btn:hover .btn-icon{transform:translateX(5px)}.analyzing-status{align-items:center;display:flex;flex-direction:column;gap:1rem}.analysis-results,.analyzing-status{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:15px;padding:2rem}.analysis-results{margin-top:1rem}.results-header{border-bottom:2px solid var(--border-primary);justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.analysis-type-badge{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:20px;color:#fff}.analysis-image{margin-bottom:1.5rem;text-align:center}.analysis-image img{border-radius:10px;box-shadow:0 5px 15px var(--shadow-primary);max-height:300px;max-width:100%}.main-assessment{margin-bottom:2rem}.result-message{background:var(--card-bg);border-left:4px solid var(--accent-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 5px 15px var(--shadow-primary);margin-bottom:1.5rem;padding:1.5rem}.score-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.detailed-info{margin-bottom:2rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.recommendations-section{display:flex;flex-direction:column;height:auto;margin-bottom:2rem;min-height:auto;overflow:hidden;position:relative}.analysis-quality,.body-type-info,.confidence-score,.daily-goal,.personalized-score,.risk-factors,.suggestions,.weekly-progress{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 5px 15px var(--shadow-primary);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:none;max-width:100%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;padding:1.5rem;position:relative}.analysis-quality h5,.body-type-info h5,.confidence-score h5,.daily-goal h5,.personalized-score h5,.result-message h5,.risk-factors h5,.suggestions h5,.weekly-progress h5{color:var(--text-primary);flex-shrink:0;font-size:1.1rem;margin-bottom:1rem}.score-display{display:flex;flex-direction:column;gap:.5rem}.score-value{color:var(--accent-primary);font-size:1.5rem;font-weight:600;text-align:center}.score-bar{background:var(--border-primary);border-radius:5px;height:10px;overflow:hidden;width:100%}.score-fill{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);height:100%;transition:width .5s ease}.quality-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.quality-excellent{background:#51cf661a;color:#2f9e44}.quality-good{background:#667eea1a;color:#667eea}.quality-fair{background:#ffc1071a;color:#f39c12}.quality-poor{background:#ff6b6b1a;color:#c92a2a}.risk-factors ul,.suggestions ul{flex-shrink:0;gap:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.risk-factors li,.suggestions li{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);flex-shrink:0;line-height:1.5;padding:.75rem 0 .75rem 1.5rem;position:relative}.risk-factors li:last-child,.suggestions li:last-child{border-bottom:none}.risk-factors li:before,.suggestions li:before{color:var(--accent-primary);content:"•";font-weight:700;left:0;position:absolute}.progress-summary{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.progress-summary span{color:var(--text-secondary);font-size:.9rem}.analysis-actions{margin-top:2rem;text-align:center}.recommendations-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem}.risk-factors,.suggestions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:1.5rem;position:relative}.risk-factors:before,.suggestions:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.risk-factors:hover:before,.suggestions:hover:before{left:100%}.risk-factors:hover,.suggestions:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.risk-factors h5,.suggestions h5{margin-bottom:1rem;position:relative;z-index:2}.risk-factors ul,.suggestions ul{display:flex;flex:1 1;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.risk-factors .suggestion-item,.suggestions .suggestion-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.risk-factors .suggestion-item:before,.suggestions .suggestion-item:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.risk-factors .suggestion-item:hover:before,.suggestions .suggestion-item:hover:before{left:100%}.risk-factors .suggestion-item:hover,.suggestions .suggestion-item:hover{background:#ffffff0d;border-color:#fff3;transform:translateX(4px)}.risk-factors .suggestion-item strong,.suggestions .suggestion-item strong{color:var(--text-primary);font-weight:600;margin-right:.5rem}.risk-factors{border-left:3px solid #ef4444;overflow:hidden;position:relative}.risk-factors,.risk-factors ul{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.risk-factors ul{max-height:none;overflow:visible}.risk-factors .suggestion-item{border-left:2px solid #ef44444d}.suggestions{border-left:3px solid #10b981;overflow:hidden;position:relative}.suggestions,.suggestions ul{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.suggestions ul{max-height:none;overflow:visible}.suggestions .suggestion-item{border-left:2px solid #10b9814d}[data-theme=dark] .risk-factors .suggestion-item,[data-theme=dark] .suggestions .suggestion-item{background:#ffffff05;border-color:#ffffff0d}[data-theme=dark] .risk-factors .suggestion-item:hover,[data-theme=dark] .suggestions .suggestion-item:hover{background:#ffffff0a;border-color:#ffffff1a}.analysis-results{margin-top:2rem;text-align:center}@media (max-width:768px){.upload-section{padding:1rem .5rem}.upload-container{margin:0 .25rem;padding:1rem}.upload-card{padding:1rem}.upload-steps{gap:1rem;grid-template-columns:1fr}.mode-tabs{flex-direction:column;gap:.5rem}.mode-tab{font-size:14px;padding:10px 16px}.analysis-type-selector{box-sizing:border-box;margin-bottom:1rem;padding:.75rem;width:100%}.analysis-type-options{gap:.75rem;grid-template-columns:1fr!important;margin:0}.analysis-type-option,.analysis-type-options{box-sizing:border-box;max-width:100%;width:100%}.analysis-type-option{min-height:auto;padding:.75rem}.option-content{align-items:flex-start;flex-direction:row;gap:1rem}.option-image{flex-shrink:0;height:70px;margin-top:0;padding-top:5px;width:70px}.option-text{flex:1 1;min-width:0}.option-text h5{font-size:1rem;line-height:1.2;margin-bottom:.25rem}.option-text p{font-size:.85rem;line-height:1.3;margin:0}.preview-container img{max-height:250px;object-fit:contain;width:100%}.preview-header{flex-direction:column;gap:.75rem;text-align:center}.change-photo{border-radius:15px;font-size:14px;padding:6px 12px}.results-header{flex-direction:column;gap:1rem;text-align:center}.results-header h4{font-size:1.25rem}.analysis-type-badge{align-self:center;font-size:.8rem;padding:.4rem .8rem}.analysis-image img{max-height:200px}.score-section{grid-template-columns:1fr}.info-grid,.recommendations-section{gap:1rem;grid-template-columns:1fr}.section-icon-modern .icon-bg-gradient{height:24px;width:24px}.analysis-quality h5,.body-type-info h5,.daily-goal h5,.personalized-score h5,.result-message h5,.risk-factors h5,.suggestions h5,.weekly-progress h5{font-size:1rem}.modern-refresh-btn{font-size:.9rem;padding:.75rem 1.5rem}.analyze-btn{font-size:14px;padding:12px 20px}}@media (max-width:480px){.upload-section{padding:.75rem .25rem}.section-header h2{font-size:2rem;margin-bottom:.5rem}.section-header p{font-size:1rem;padding:0 .5rem}.upload-container{border-radius:15px;margin:0;padding:.75rem}.upload-card{padding:.75rem}.upload-area{padding:1.5rem .75rem}.upload-content h3{font-size:1.25rem;line-height:1.2}.upload-subtitle{font-size:.95rem;margin-bottom:1rem}.upload-icon-modern .icon-bg-gradient{height:50px;width:50px}.upload-info-modern{gap:.5rem;padding:.75rem}.info-item{font-size:.85rem;gap:.5rem}.analysis-type-selector{box-sizing:border-box;max-width:100%;padding:.5rem;width:100%}.analysis-type-selector h4{font-size:1rem;margin-bottom:.75rem}.analysis-type-options{gap:.5rem;grid-template-columns:1fr!important}.analysis-type-option,.analysis-type-options{box-sizing:border-box;max-width:100%;width:100%}.analysis-type-option{padding:.5rem}.option-content{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.option-image{align-self:center;height:60px;margin-top:0;padding-top:5px;width:60px}.option-text{width:100%}.option-text h5{font-size:.9rem;margin-bottom:.25rem;text-align:center}.option-text p{font-size:.8rem;line-height:1.3;text-align:center}.preview-container img{max-height:200px}.change-photo{font-size:12px;padding:5px 10px}.analysis-results{padding:1rem}.results-header h4{font-size:1.1rem}.analysis-type-badge{font-size:.75rem;padding:.3rem .6rem}.analysis-image img{max-height:150px}.section-icon-modern .icon-bg-gradient{height:20px;width:20px}.analysis-quality,.body-type-info,.daily-goal,.personalized-score,.result-message,.risk-factors,.suggestions,.weekly-progress{padding:1rem}.analysis-quality h5,.body-type-info h5,.daily-goal h5,.personalized-score h5,.result-message h5,.risk-factors h5,.suggestions h5,.weekly-progress h5{font-size:.9rem;margin-bottom:.5rem}.score-value{font-size:1.25rem}.risk-factors li,.suggestions li{font-size:.85rem;padding:.5rem 0}.suggestion-item{font-size:.85rem;padding:.75rem}.analyze-btn{font-size:13px;padding:10px 16px}.modern-refresh-btn{font-size:.85rem;gap:.5rem;padding:.6rem 1.2rem}.mode-tab{font-size:13px;padding:8px 12px}.mode-tab svg{height:16px;width:16px}.progress-summary{flex-direction:column;gap:.25rem;text-align:center}.progress-summary span{font-size:.8rem}}@media (max-width:360px){.upload-section{padding:.5rem .125rem}.section-header h2{font-size:1.75rem}.section-header p{font-size:.9rem;padding:0 .25rem}.upload-container{border-radius:12px;padding:.5rem}.upload-card{padding:.5rem}.analysis-type-selector{box-sizing:border-box;max-width:100%;padding:.4rem;width:100%}.analysis-type-selector h4{font-size:.9rem;margin-bottom:.5rem}.analysis-type-options{gap:.4rem;grid-template-columns:1fr!important}.analysis-type-option,.analysis-type-options{box-sizing:border-box;max-width:100%;width:100%}.analysis-type-option{padding:.4rem}.option-content{gap:.4rem}.option-image{height:45px;padding-top:3px;width:45px}.option-text h5{font-size:.8rem;margin-bottom:.2rem}.option-text p{font-size:.7rem;line-height:1.2}.mode-tab{font-size:12px;padding:6px 10px}.mode-tab svg{height:14px;width:14px}.upload-area{padding:1rem .5rem}.upload-icon-modern .icon-bg-gradient{height:40px;width:40px}.upload-content h3{font-size:1.1rem}.upload-subtitle{font-size:.85rem}}.upload-section .analysis-type-selector{background:var(--card-bg)!important;border:1px solid var(--border-primary)!important;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.upload-section .analysis-type-selector h4{color:var(--text-primary)!important;font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.upload-section .analysis-type-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.upload-section .analysis-type-option{background:var(--card-bg)!important;border:2px solid var(--border-primary)!important;border-radius:12px;cursor:pointer;display:block;padding:1rem;position:relative;transition:all .3s ease}.upload-section .analysis-type-option:hover{border-color:var(--accent-primary)!important;box-shadow:0 5px 15px var(--shadow-primary);transform:translateY(-2px)}.upload-section .analysis-type-option.active{background:var(--card-hover)!important;border-color:var(--accent-primary)!important;box-shadow:0 5px 15px var(--shadow-primary)}.upload-section .analysis-type-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.upload-section .option-content{align-items:flex-start;display:flex;gap:1rem}.upload-section .option-image{align-items:flex-start;background:var(--bg-secondary)!important;border:2px solid var(--border-primary)!important;border-radius:10px;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-top:10px;overflow:hidden;padding-top:8px;width:80px}.upload-section .option-image img{background:var(--bg-secondary)!important;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.upload-section .analysis-type-option:hover .option-image img{transform:scale(1.05)}.upload-section .analysis-type-option.active .option-image{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px #10b9814d}.upload-section .option-text h5{color:var(--text-primary)!important;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.upload-section .option-text p{color:var(--text-secondary)!important;font-size:.9rem;line-height:1.4;margin:0}.upload-section .analysis-type-option.active .option-text h5{color:var(--accent-primary)!important}.upload-icon-modern{margin-bottom:1.5rem}.icon-bg-gradient{border-radius:50%}.upload-area:hover .icon-bg-gradient:before{left:100%}.upload-content h3{font-size:1.6rem;margin:0 0 .5rem}.upload-subtitle{font-size:1.1rem;margin:0 0 1.5rem}.file-select-modern{position:relative;text-decoration:none;transition:all .3s ease}.file-select-modern:after{background:var(--accent-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.upload-area:hover .file-select-modern:after{transform:scaleX(1)}.upload-info-modern{background:#10b9810d;border:1px solid #10b9811a;gap:.75rem;margin-top:1.5rem;padding:1rem}.info-item{color:var(--text-secondary);font-weight:500;gap:.75rem}.error-message-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border:1px solid #ef44444d;border-radius:10px;border-radius:8px;color:#dc2626;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;justify-content:center;margin-top:1rem;padding:.75rem 1rem}.section-icon-modern{align-items:center;display:inline-flex;margin-right:.75rem;vertical-align:middle}.section-icon-modern .icon-bg-gradient{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:32px}.section-icon-modern .icon-bg-gradient:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.section-icon-modern:hover .icon-bg-gradient:before{left:100%}.section-icon-modern .icon-bg-gradient.red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.section-icon-modern .icon-bg-gradient.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.section-icon-modern .icon-bg-gradient.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.section-icon-modern .icon-bg-gradient.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.section-icon-modern .icon-bg-gradient.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.section-icon-modern .icon-bg-gradient.amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.results-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.analysis-type-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.analysis-quality h5,.body-type-info h5,.daily-goal h5,.personalized-score h5,.result-message h5,.risk-factors h5,.suggestions h5,.weekly-progress h5{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.modern-refresh-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.modern-refresh-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.modern-refresh-btn:hover:before{left:100%}.modern-refresh-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.modern-refresh-btn:active{transform:translateY(0)}.btn-icon-modern{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.modern-refresh-btn:hover .btn-icon-modern{transform:rotate(180deg)}.btn-text{font-weight:600}.recommendations-section>div{flex-shrink:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.risk-factors,.suggestions{animation:fadeInUp .5s ease-out;transition:all .3s ease}.risk-factors:empty,.suggestions:empty{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.recommendations-section{gap:1rem;margin-bottom:1rem;overflow-x:hidden}.risk-factors,.suggestions{word-wrap:break-word;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:1rem}.upload-section{max-width:100vw;overflow-x:hidden}.upload-container{max-width:calc(100vw - 1rem)}.upload-card,.upload-container{box-sizing:border-box;overflow:hidden}.analysis-results,.preview-container{word-wrap:break-word;overflow:hidden}.detailed-info,.main-assessment{overflow:hidden}}@media (max-width:480px){.recommendations-section{gap:.75rem;margin-bottom:.75rem}.upload-container{max-width:calc(100vw - .5rem)}.analysis-results{margin-top:1rem}.detailed-info,.main-assessment{margin-bottom:1rem}}[data-theme=dark] .section-icon-modern .icon-bg-gradient{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .analysis-type-badge{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .modern-refresh-btn{box-shadow:0 4px 12px #10b98133}[data-theme=dark] .modern-refresh-btn:hover{box-shadow:0 6px 20px #10b9814d}.upload-area:hover{background:#10b98105;border-color:var(--accent-primary);box-shadow:0 15px 35px #0000001a;transform:translateY(-2px)}.upload-area:hover .icon-bg-gradient{box-shadow:0 12px 30px #3b82f64d;transform:scale(1.05)}@media (max-width:768px){.upload-icon-modern .icon-bg-gradient{height:60px;width:60px}.upload-content h3{font-size:1.4rem;padding:0 .5rem;text-align:center}.upload-subtitle{font-size:1rem;padding:0 .5rem;text-align:center}.upload-info-modern{flex-direction:column;gap:.5rem;margin:1rem auto 0;max-width:280px}.error-message-modern{margin:1rem auto 0;max-width:280px;text-align:center}}.calibration-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative;width:100%}.calibration-section:before{background-image:radial-gradient(circle at 20% 80%,#10b9811a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.calibration-section .section-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px;position:relative;text-align:center;z-index:2}.calibration-section .section-header h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px var(--shadow-primary)}.calibration-section .section-header p{color:var(--text-secondary);font-size:1.1rem}.calibration-container{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.calibration-info{display:flex;flex-direction:column;gap:2rem}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 8px 25px var(--shadow-primary);cursor:pointer;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .3s ease}.info-card:hover{background:var(--card-hover);box-shadow:0 20px 40px var(--shadow-primary);transform:translateY(-5px) scale(1.02)}.info-card:active{background:var(--card-hover);border-color:var(--accent-primary);box-shadow:0 12px 30px var(--shadow-primary);transform:translateY(-2px) scale(1.01)}@media (hover:none){.info-card:active{box-shadow:0 15px 35px var(--shadow-primary);transform:translateY(-3px) scale(1.01)}}.info-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.info-card:hover:before{left:100%}.card-header{align-items:center;background:linear-gradient(135deg,var(--card-bg) 0,var(--card-hover) 100%);border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:1.5rem 1.5rem 1rem}.card-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin:0}.icon-container{align-items:center;border-radius:12px;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.card-icon{color:#fff;font-size:1.2rem;transition:all .3s ease;z-index:2}.modern-info-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #ffffff1a;box-shadow:0 6px 20px #f59e0b66}.modern-info-icon:after{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:10px;bottom:2px;content:"";left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.modern-steps-icon{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff1a;box-shadow:0 6px 20px #10b98166}.modern-steps-icon:after{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:10px;bottom:2px;content:"";left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.analysis-icon,.success-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.info-card:hover .icon-container{transform:scale(1.15) rotate(8deg)}.info-card:hover .card-icon{transform:scale(1.2)}.info-card:hover .modern-info-icon{border-color:#ffffff4d;box-shadow:0 8px 30px #f59e0b99}.info-card:hover .modern-steps-icon{border-color:#ffffff4d;box-shadow:0 8px 30px #10b98199}.card-content{padding:1.5rem}.card-content p{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.card-content ol{margin:0;padding-left:1.5rem;text-align:left}.card-content li{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.6;margin-bottom:.8rem;transition:color .3s ease}.card-content li:hover{color:var(--accent-primary)}.calibration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 20px 40px var(--shadow-primary);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.calibration-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .8s ease;width:100%}.calibration-card:hover:before{left:100%}.calibration-card:hover{box-shadow:0 25px 50px var(--shadow-primary);transform:translateY(-2px)}.calibration-upload-area{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--card-bg) 100%);border:3px dashed var(--accent-primary);border-radius:20px;cursor:pointer;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.calibration-upload-area:before{background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.calibration-upload-area:hover:before{left:100%}.calibration-upload-area:hover{background:linear-gradient(135deg,#10b9811a 0,var(--card-hover) 100%);border-color:var(--accent-secondary);box-shadow:0 10px 30px #10b98133;transform:translateY(-2px)}.upload-content{color:var(--text-primary)}.upload-icon-modern{margin-bottom:2rem}.icon-bg-gradient,.upload-icon-modern{align-items:center;display:flex;justify-content:center}.icon-bg-gradient{border-radius:20px;box-shadow:0 8px 25px #00000026;height:80px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.icon-bg-gradient.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.icon-bg-gradient:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.calibration-upload-area:hover .icon-bg-gradient:before{left:100%}.calibration-upload-area:hover .icon-bg-gradient{box-shadow:0 12px 35px #3b82f666;transform:scale(1.1) rotate(5deg)}.upload-content h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.upload-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.file-select-modern{color:var(--accent-primary);cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease}.file-select-modern:hover{color:var(--accent-secondary)}.upload-info-modern{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem}.info-item{color:var(--text-primary);font-size:.95rem;gap:.8rem;padding:.5rem;transition:all .3s ease}.info-item:hover{background:#ffffff0d;transform:translateX(5px)}.calibration-preview{color:var(--text-primary)}.preview-header{background:linear-gradient(135deg,var(--card-bg) 0,var(--card-hover) 100%);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.preview-header,.preview-title{align-items:center;display:flex}.preview-title{gap:.8rem}.preview-icon{color:var(--accent-primary);font-size:1.2rem;transition:all .3s ease}.preview-header:hover .preview-icon{transform:scale(1.1) rotate(5deg)}.preview-title h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.change-photo{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.change-photo:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.change-photo:hover:before{left:100%}.change-photo .btn-icon{font-size:1rem;transition:transform .3s ease}.change-photo:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.change-photo:hover .btn-icon{transform:rotate(180deg)}.calibration-preview img{border-radius:10px;margin-bottom:1rem;max-height:300px;object-fit:cover;width:100%}.analysis-type-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:1.5rem;overflow:hidden;padding:0}.analysis-header{align-items:center;background:linear-gradient(135deg,var(--card-bg) 0,var(--card-hover) 100%);border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:1.5rem}.analysis-header h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.analysis-type-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem}.analysis-type-option{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:16px;cursor:pointer;display:block;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease}.analysis-type-option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.analysis-type-option:hover:before{left:100%}.analysis-type-option:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px var(--shadow-primary);transform:translateY(-3px) scale(1.02)}.analysis-type-option:active{background:var(--card-hover);border-color:var(--accent-primary);box-shadow:0 6px 20px var(--shadow-primary);transform:translateY(-1px) scale(1.01)}@media (hover:none){.analysis-type-option:active{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px) scale(1.01)}}.analysis-type-option.active{background:var(--card-hover);border-color:var(--accent-primary);box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.analysis-type-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.option-content{align-items:flex-start;display:flex;gap:1rem}.option-image{flex-shrink:0;height:80px;margin-top:0;padding:0;width:80px}.option-icon-bg,.option-image{align-items:center;border-radius:16px;display:flex;justify-content:center;overflow:hidden}.option-icon-bg{box-shadow:0 4px 15px #00000026;height:100%;position:relative;transition:all .3s ease;width:100%}.option-icon-bg.fullbody{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.option-icon-bg.upperbody{background:linear-gradient(135deg,#06b6d4,#0891b2)}.option-icon-bg:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.analysis-type-option:hover .option-icon-bg:before{left:100%}.analysis-type-option:hover .option-icon-bg{transform:scale(1.05) rotate(2deg)}.analysis-type-option.active .option-image{transform:scale(1.02)}.analysis-type-option.active .option-icon-bg{box-shadow:0 6px 20px #10b98166}.option-title{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.option-icon{color:var(--accent-primary);font-size:1rem;transition:all .3s ease}.analysis-type-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.option-title h5{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.option-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.analysis-type-option.active .option-text h5{color:var(--accent-primary)}.calibrate-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;justify-content:center;margin-top:1.5rem;overflow:hidden;padding:1.2rem 2rem;position:relative;transition:all .3s ease;width:100%}.calibrate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.calibrate-btn:hover:before{left:100%}.calibrate-btn .btn-icon{font-size:1.2rem;transition:transform .3s ease}.calibrate-btn:hover{box-shadow:0 10px 30px #10b98180;transform:translateY(-3px)}.calibrate-btn:hover .btn-icon{transform:scale(1.1) rotate(10deg)}.calibrate-btn:active{box-shadow:0 5px 20px #10b98199;transform:translateY(0) scale(.98)}.calibrate-btn:active .btn-icon{transform:scale(1.05) rotate(5deg)}@media (hover:none){.calibrate-btn:active{box-shadow:0 8px 25px #10b98180;transform:translateY(-1px) scale(.98)}}.calibrating-status{color:var(--text-primary);padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calibration-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 8px 25px var(--shadow-primary);margin-top:1.5rem;overflow:hidden;padding:0}.results-header{align-items:center;background:linear-gradient(135deg,var(--card-bg) 0,var(--card-hover) 100%);border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:1.5rem}.results-header h4{color:var(--accent-primary);font-size:1.3rem;font-weight:600;margin:0}.result-content{margin-bottom:1.5rem;padding:1.5rem}.result-message{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.body-type-info{background:var(--card-bg)!important;border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.body-type-info h5{color:var(--text-primary)!important;margin-bottom:.5rem}.body-type{background:var(--accent-primary);border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.baseline-info{background:var(--card-bg)!important;border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.baseline-info h5{color:var(--text-primary)!important;margin-bottom:.5rem}.baseline-info ul{background:var(--card-bg)!important;list-style:none;padding:0}.baseline-info li{background:var(--card-bg)!important;border-bottom:1px solid var(--border-primary);color:var(--text-secondary)!important;padding:.3rem 0}.baseline-info li:last-child{border-bottom:none}.calibration-results .baseline-info,.calibration-results .body-type-info{background:var(--card-bg)!important}.calibration-results .baseline-info h5,.calibration-results .body-type-info h5{color:var(--text-primary)!important}.calibration-results .baseline-info li{background:var(--card-bg)!important;color:var(--text-secondary)!important}.reset-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 1.5rem 1.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.reset-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.reset-btn:hover:before{left:100%}.reset-btn .btn-icon{font-size:1rem;transition:transform .3s ease}.reset-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.reset-btn:hover .btn-icon{transform:rotate(180deg)}.reset-btn:active{box-shadow:0 4px 15px #10b98180;transform:translateY(0) scale(.98)}.reset-btn:active .btn-icon{transform:rotate(90deg) scale(1.1)}@media (hover:none){.reset-btn:active{box-shadow:0 5px 18px #10b98166;transform:translateY(-1px) scale(.98)}}.error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#ef4444;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;text-align:center}.error-icon{color:#ef4444;font-size:1.1rem}@media (max-width:768px){.calibration-container{gap:2rem;grid-template-columns:1fr}.calibration-section{padding:2rem 1rem}.calibration-section .section-header h2{font-size:2rem}.calibration-card{padding:1.5rem}.calibration-upload-area{padding:2rem 1rem}.calibration-section{animation:mobileCalibrationSlideUp .8s ease-out}.calibration-section .section-header{animation:mobileCalibrationSlideUp .6s ease-out;animation-delay:.2s;animation-fill-mode:both}.calibration-info{animation:mobileCalibrationSlideUp .6s ease-out;animation-delay:.4s;animation-fill-mode:both}.calibration-card{animation:mobileCalibrationSlideUp .6s ease-out;animation-delay:.6s;animation-fill-mode:both}.info-card:first-child{animation:mobileCalibrationSlideUp .5s ease-out;animation-delay:.8s;animation-fill-mode:both}.info-card:nth-child(2){animation:mobileCalibrationSlideUp .5s ease-out;animation-delay:1s;animation-fill-mode:both}.info-card:nth-child(3){animation:mobileCalibrationSlideUp .5s ease-out;animation-delay:1.2s;animation-fill-mode:both}.analysis-type-option:first-child{animation:mobileCalibrationSlideUp .5s ease-out;animation-delay:1s;animation-fill-mode:both}.analysis-type-option:nth-child(2){animation:mobileCalibrationSlideUp .5s ease-out;animation-delay:1.2s;animation-fill-mode:both}@keyframes mobileCalibrationSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.calibrate-btn{animation:mobileCalibrationBtnPulse 2s ease-in-out infinite}@keyframes mobileCalibrationBtnPulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b9811a}}.reset-btn{animation:mobileCalibrationBtnPulse 2s ease-in-out infinite;animation-delay:.5s}}.avatar-editor{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;min-height:80vh;padding:2rem}.avatar-main{align-items:flex-start;display:flex;gap:2rem;min-height:600px}.avatar-preview{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:350px;padding:3rem;position:-webkit-sticky;position:sticky;top:20px}.avatar-display{background:#fff;border:6px solid #fff;border-radius:50%;box-shadow:0 15px 30px #0000004d;height:150px!important;transition:all .3s ease;width:150px!important}.avatar-display:hover{box-shadow:0 20px 40px #0006;transform:scale(1.05)}.randomize-btn{background:linear-gradient(45deg,#ff6b6b,#feca57);border:none;border-radius:25px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.randomize-btn:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.avatar-controls{grid-gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:70vh;overflow-y:auto;padding:2rem}.control-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:2px solid #ffffff4d;border-radius:15px;padding:1.5rem;transition:all .3s ease}.control-section:hover{background:#fffffff2;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.control-section h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 1rem}.control-group{display:flex;flex-wrap:wrap;gap:.5rem}.control-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.control-btn:hover{background:#f8f9ff;border-color:#007bff}.control-btn.active{background:#007bff;border-color:#007bff;color:#fff}.color-palette{display:flex;flex-wrap:wrap;gap:.5rem}.color-btn{border:3px solid #dee2e6;border-radius:50%;cursor:pointer;height:40px;position:relative;transition:all .2s ease;width:40px}.color-btn:hover{border-color:#007bff;transform:scale(1.1)}.color-btn.active{border-color:#007bff;box-shadow:0 0 0 2px #007bff4d}.color-btn.active:after{color:#fff;content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.avatar-editor{padding:1rem}.avatar-main{flex-direction:column;min-height:auto}.avatar-preview{min-width:auto;position:relative;top:auto;width:100%}.avatar-controls{grid-template-columns:1fr;max-height:none;overflow-y:visible}.color-palette,.control-group{justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar-editor,.control-section{animation:fadeIn .5s ease-out}.control-section{animation-delay:.1s;animation-fill-mode:both}.control-section:nth-child(2){animation-delay:.2s}.control-section:nth-child(3){animation-delay:.3s}.control-section:nth-child(4){animation-delay:.4s}.control-section:nth-child(5){animation-delay:.5s}.control-section:nth-child(6){animation-delay:.6s}.control-section:nth-child(7){animation-delay:.7s}.control-section:nth-child(8){animation-delay:.8s}.control-section:nth-child(9){animation-delay:.9s}.control-section:nth-child(10){animation-delay:1s}.control-section:nth-child(11){animation-delay:1.1s}.control-section:nth-child(12){animation-delay:1.2s}.randomize-icon{animation:rotate 2s linear infinite;font-size:1.1rem;margin-right:8px;vertical-align:middle}.section-icon{color:#667eea;font-size:1rem}.style-icon{color:#495057;font-size:1.2rem;transition:all .2s ease;vertical-align:middle}.style-icon.small{font-size:1rem}.style-icon.large{font-size:1.4rem}.style-icon.thick{color:#343a40;font-weight:700}.style-icon.mohawk{color:#e74c3c}.style-icon.long{color:#f39c12}.style-icon.short{color:#3498db}.style-icon.happy{color:#2ecc71}.style-icon.sad{color:#95a5a6}.control-btn:hover .style-icon{color:#007bff;transform:scale(1.1)}.control-btn.active .style-icon{color:#fff}.randomize-btn:hover .randomize-icon{animation-duration:.5s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.section-icon{color:#a78bfa}.style-icon{color:#e5e7eb}.control-btn:hover .style-icon{color:#60a5fa}}.account-settings{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.App.dark-mode .account-settings{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.settings-header{color:var(--text-primary);margin-bottom:30px;text-align:center}.settings-header h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:10px}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-container{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:15px;box-shadow:0 10px 30px var(--shadow-primary);display:flex;gap:30px;overflow:hidden}.settings-sidebar{background:var(--card-bg);border-right:1px solid var(--border-primary);padding:20px 0;width:250px}.tab-button{background:#0000;border:none;border-left:4px solid #0000;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.tab-button:hover{background:var(--card-hover);border-left-color:var(--accent-primary)}.tab-button.active{background:var(--accent-primary);border-left-color:var(--accent-secondary);color:#fff}.settings-content{background:var(--card-bg);flex:1 1;min-height:500px;padding:30px}.App.dark-mode .settings-content{background:#ffffff0d}.profile-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.profile-info{grid-gap:15px;display:grid;gap:15px}.info-item{align-items:center;background:var(--card-bg);border-left:4px solid var(--accent-primary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.info-item label{color:var(--text-secondary);font-weight:600}.info-item span{color:var(--text-primary);font-weight:500}.security-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.security-info{grid-gap:20px;display:grid;gap:20px}.security-item{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;padding:20px}.security-item h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:10px}.security-item p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.verified-badge{background:#28a745;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:5px 12px}.delete-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.delete-warning{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:10px;margin-bottom:20px;padding:25px}.warning-header{margin-bottom:20px;text-align:center}.warning-header h4{color:#e53e3e;font-size:1.3rem;margin-bottom:5px}.warning-header p{color:#c53030;font-weight:600}.warning-content{margin-bottom:20px}.warning-content p{color:var(--text-primary);font-weight:600;margin-bottom:15px}.warning-content ul{list-style:none;margin-bottom:20px;padding:0}.warning-content li{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:8px 0}.warning-content li:last-child{border-bottom:none}.warning-note{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;margin-top:15px;padding:15px}.warning-note p{color:var(--text-secondary);font-weight:600;margin:0}.delete-step{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;margin-bottom:20px;padding:25px}.delete-step h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:20px}.delete-summary{grid-gap:10px;display:grid;gap:10px;margin-bottom:25px}.summary-item{align-items:center;background:var(--card-bg);border-left:3px solid var(--accent-primary);border:1px solid var(--border-primary);border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.summary-item span{color:var(--text-secondary);font-weight:500}.summary-item strong{color:var(--text-primary)}.password-verification{border-top:1px solid #e9ecef;padding-top:20px}.password-verification h4{color:#333;margin-bottom:15px}.password-verification p{color:#666;margin-bottom:15px}.password-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;margin-bottom:15px;padding:12px 15px;transition:border-color .3s ease;width:100%}.password-input:focus{border-color:#10b981;outline:none}.code-sent-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:20px;padding:15px}.verification-form{grid-gap:15px;display:grid;gap:15px}.code-input{border:2px solid #e9ecef;border-radius:8px;font-size:1.2rem;font-weight:600;letter-spacing:3px;padding:12px 15px;text-align:center;transition:border-color .3s ease;width:100%}.code-input:focus{border-color:#10b981;outline:none}.confirm-delete{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:15px 0;padding:15px}.confirm-delete label{align-items:center;color:#856404;cursor:pointer;display:flex;font-weight:600;gap:10px}.confirm-delete input[type=checkbox]{accent-color:#dc3545;height:18px;width:18px}.delete-actions{display:flex;gap:15px;margin-top:20px}.danger-button{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:12px 25px;transition:all .3s ease}.danger-button:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.danger-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.secondary-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:12px 25px;transition:all .3s ease}.secondary-button:hover:not(:disabled){background:#374151;box-shadow:0 4px 12px #3741514d;transform:translateY(-2px)}.secondary-button:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.message{border-radius:8px;font-weight:500;margin:15px 0;padding:15px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.edit-button{background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.edit-button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.profile-edit-form{grid-gap:15px;display:grid;gap:15px}.profile-edit-form .form-group{display:flex;flex-direction:column;gap:8px}.profile-edit-form label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.profile-edit-form input{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.profile-edit-form input:focus{border-color:var(--accent-primary);outline:none}.readonly-field{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-style:italic;padding:12px 15px}.edit-actions{display:flex;gap:15px;margin-top:20px}.save-button{background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 25px;transition:all .3s ease}.save-button:hover:not(:disabled){background:var(--accent-secondary);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.save-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.cancel-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 25px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#374151;box-shadow:0 4px 12px #3741514d;transform:translateY(-2px)}.cancel-button:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e9ecef;border-right:none;width:100%}.settings-content{padding:20px}.delete-actions{flex-direction:column}.danger-button,.secondary-button{min-width:auto;width:100%}.profile-header{align-items:flex-start;gap:15px}.edit-actions,.profile-header{flex-direction:column}.cancel-button,.save-button{min-width:auto;width:100%}}@media (max-width:480px){.account-settings{padding:10px}.settings-header h2{font-size:2rem}.info-item,.summary-item{align-items:flex-start;flex-direction:column;gap:5px}}.avatar-section{display:flex;flex-direction:column;gap:20px}.avatar-header{margin-bottom:20px;text-align:center}.avatar-header h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px}.avatar-header p{color:var(--text-secondary);font-size:1rem}.avatar-actions{display:flex;justify-content:center;margin-top:20px}.save-avatar-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.save-avatar-btn:hover:not(:disabled){box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.save-avatar-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.tab-icon{font-size:1.1rem}.section-icon,.tab-icon{margin-right:8px;vertical-align:middle}.section-icon{color:var(--accent-primary);font-size:1.2rem}.button-icon{font-size:1rem;margin-right:6px;vertical-align:middle}.verified-icon{font-size:.9rem;margin-right:5px;vertical-align:middle}.warning-icon{color:#e53e3e;font-size:1.2rem}.list-icon,.warning-icon{margin-right:8px;vertical-align:middle}.list-icon,.success-icon{color:#28a745;font-size:1rem}.success-icon{margin-right:6px;vertical-align:middle}.App.dark-mode .section-icon{color:var(--accent-secondary)}.App.dark-mode .warning-icon{color:#f56565}.App.dark-mode .list-icon,.App.dark-mode .success-icon{color:#48bb78}.tab-button:hover .tab-icon{transform:scale(1.1);transition:transform .2s ease}.edit-button:hover .button-icon{transform:rotate(15deg);transition:transform .2s ease}