body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,body{background:#f1f5f9;font-family:Segoe UI,Arial,sans-serif;line-height:1.5;margin:0;min-height:100vh;padding:0}.App{text-align:center}.App>*{margin:0}.App>*+*{margin-top:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #1e40af1a;left:0;padding:.5rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}@media (max-width:767px){.header{padding:1rem 0}}@media (min-width:768px){.header{padding:.7rem 0}}@media (min-width:1200px){.header{padding:.8rem 0}}.header.scrolled{background:#fffffffa;box-shadow:0 4px 20px #1e40af1a}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}@media (min-width:768px){.header-container{justify-content:flex-start;padding:0 2rem}.header-nav{gap:2.5rem;margin-left:3rem}.header-actions{margin-left:auto}.signup-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.signup-btn:hover{background:#16a34a;box-shadow:0 8px 20px #22c55e4d;transform:translateY(-2px)}}@media (min-width:1200px){.header-container{max-width:1400px;padding:0 3rem}}.header-logo a,.logo-button{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;border:none;color:#1e40af!important;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:0;text-decoration:none;transition:all .3s ease}.logo-button{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text}@media (min-width:768px){.header-logo a,.logo-button{font-size:1.4rem}}@media (min-width:1200px){.header-logo a,.logo-button{font-size:1.6rem}}@media (max-width:767px){.header-logo a,.logo-button{font-size:1.7rem}}.header-logo a:hover,.logo-button:hover{transform:scale(1.05)}.header-nav{align-items:center;display:flex;gap:2rem}@media (min-width:768px){.header-nav{gap:2.5rem}}@media (min-width:1200px){.header-nav{gap:3rem}}.header-nav a{color:#334155;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}@media (min-width:768px){.header-nav a{font-size:1rem;padding:.7rem 0}}@media (min-width:1200px){.header-nav a{font-size:1.1rem;padding:.8rem 0}}.header-nav a:after{background:linear-gradient(135deg,#1e40af,#3b82f6);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header-nav a:focus,.header-nav a:hover{color:#1e40af}.header-nav a:focus:after,.header-nav a:hover:after{width:100%}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:3px;padding:.3rem;transition:all .3s ease}.hamburger span{background:#334155;border-radius:1px;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.hamburger:hover span{background:#1e40af}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scale(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hamburger{display:flex}.header-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #1e40af1a;box-shadow:0 10px 30px #1e40af1a;flex-direction:column;gap:0;left:0;opacity:0;padding:1rem 0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.header-nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.header-nav a{border-bottom:1px solid #1e40af0d;font-size:1rem;padding:1rem 2rem;text-align:center;width:100%}.header-nav a:last-child{border-bottom:none}.header-nav a:after{display:none}.header-nav a:focus,.header-nav a:hover{background:#1e40af0d}.mobile-signup-btn{background:#22c55e;border:none;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem 2rem;text-align:center;transition:all .3s ease;width:100%}.mobile-signup-btn:hover{background:#16a34a}}@media (min-width:769px){.mobile-signup-btn{display:none}}.nav-highlight{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#38bdf8);-webkit-background-clip:text;background-clip:text;color:#2563eb!important;font-weight:700;position:relative}.nav-highlight:after{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:background .3s;width:100%}.nav-highlight:focus,.nav-highlight:hover{color:#1e40af!important;text-shadow:0 2px 8px #38bdf826}.user-menu-container{position:relative}.user-controls{align-items:center;display:flex;gap:8px}.user-menu-button{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.user-menu-button:hover{background:#16a34a}.quick-dashboard-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;min-width:40px;padding:.75rem;transition:all .3s ease}.quick-dashboard-button:hover{background:#2563eb;transform:translateY(-1px)}.dropdown-arrow{align-items:center;display:flex;transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-arrow svg{display:block;font-size:1.2rem}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-info{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem}.user-info strong{color:#1e40af;display:block;font-size:.9rem;margin-bottom:.25rem}.user-info span{color:#64748b;display:block;font-size:.8rem}.signout-button{align-items:center;background:none;color:#dc2626;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;gap:.5rem;justify-content:center;padding:1rem}.signout-button:hover{background:#fef2f2;color:#b91c1c}.dashboard-menu-button{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;color:#3b82f6;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.dashboard-menu-button:hover{background:#eff6ff;color:#2563eb}.profile-menu-button{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;color:#8b5cf6;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.profile-menu-button:hover{background:#f3f4f6;color:#7c3aed}@media (max-width:768px){.user-menu{min-width:180px;right:-1rem}}@media (max-width:767px){.header-actions{display:none}}@media (max-width:768px){.user-menu-container{display:none}}.mobile-user-menu-container{position:relative;width:100%}.mobile-user-controls{align-items:center;display:flex;gap:8px;width:100%}.mobile-user-menu-button{align-items:center;background:#22c55e;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 2rem;text-align:center;transition:all .3s ease}.mobile-user-menu-button:hover{background:#16a34a}.mobile-quick-dashboard-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:center;margin-top:.5rem;min-width:48px;padding:1rem;transition:all .3s ease}.mobile-quick-dashboard-button:hover{background:#2563eb;transform:translateY(-1px)}.mobile-user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:.5rem;overflow:hidden}.mobile-user-info{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem}.mobile-user-info strong{color:#1e40af;display:block;font-size:.9rem;margin-bottom:.25rem}.mobile-user-info span{color:#64748b;display:block;font-size:.8rem}.mobile-dashboard-menu-button{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;color:#3b82f6;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.mobile-dashboard-menu-button:hover{background:#eff6ff;color:#2563eb}.mobile-profile-menu-button{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;color:#8b5cf6;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.mobile-profile-menu-button:hover{background:#f3f4f6;color:#7c3aed}.mobile-signout-button{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.mobile-signout-button:hover{background:#fef2f2;color:#b91c1c}@media (min-width:769px){.mobile-user-menu-container{display:none}}.nav-company-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:1.7rem;font-weight:700;letter-spacing:.03em;vertical-align:middle}.hero-section{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);color:#fff;display:flex;flex-direction:column;margin-top:3rem;min-height:60vh;overflow:hidden;padding:3rem 1rem 0;position:relative;text-align:center}.hero-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='50' height='50' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='40' cy='40' r='.5' fill='%23fff' opacity='.05'/%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}@media (min-width:768px){.hero-section{align-items:center;flex-direction:row;justify-content:space-between;min-height:60vh;padding:4rem 3rem 3rem;text-align:left}.hero-content{max-width:55%;z-index:2}}@media (min-width:1200px){.hero-section{min-height:55vh;padding:5rem 4rem 4rem}.hero-content{max-width:50%}}.hero-content h1{animation:fadeInUp .8s ease-out;color:#fff;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}@media (max-width:767px){.hero-content h1{font-size:3rem}.hero-ctas{margin-top:0}.btn{font-size:2rem;min-width:2220px}}@media (min-width:768px){.hero-content h1{font-size:3.5rem}}@media (min-width:1200px){.hero-content h1{font-size:4rem}}.hero-subheadline{animation:fadeInUp .8s ease-out .2s both;color:#fffffff2;font-family:Open Sans,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:2rem}@media (min-width:768px){.hero-subheadline{font-size:1.4rem}}@media (min-width:1200px){.hero-subheadline{font-size:1.6rem}}.hero-ctas{animation:fadeInUp .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}@media (min-width:768px){.hero-ctas{gap:1.5rem;justify-content:flex-start}}.btn{border:none;border-radius:8px;box-shadow:0 4px 15px #00000026;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;min-width:120px;outline:none;overflow:hidden;padding:.7rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.btn{font-size:1.1rem;min-width:160px;padding:1rem 2rem}}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;text-align:center;transform:translateY(0)}.btn-primary:focus,.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 12px 30px #dc262666;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;color:#fff}.btn-secondary:focus,.btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 12px 30px #fff3;transform:translateY(-3px)}.btn-signup{background:#22c55e;color:#fff;transform:translateY(0)}.btn-signup:focus,.btn-signup:hover{background:#16a34a;box-shadow:0 12px 30px #22c55e66;transform:translateY(-3px)}.btn-dashboard{background:#fff;border:2px solid #1e40af;color:#1e40af;transform:translateY(0)}.btn-dashboard:focus,.btn-dashboard:hover{background:#1e40af;box-shadow:0 12px 30px #1e40af66;color:#fff;transform:translateY(-3px)}.hero-illustration{animation:fadeInUp .8s ease-out .6s both;margin-top:1.5rem;z-index:2}@media (min-width:768px){.hero-illustration{align-items:center;display:flex;margin-left:2rem;margin-top:0}}@media (min-width:1200px){.hero-illustration{margin-left:3rem}}.medical-graphic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0003;color:#fff;display:inline-block;font-size:2rem;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}@media (min-width:768px){.medical-graphic{font-size:3rem;padding:3rem 2rem}}@media (min-width:1200px){.medical-graphic{font-size:3.5rem;padding:3.5rem 2.5rem}}.medical-graphic:hover{box-shadow:0 30px 60px #0000004d;transform:scale(1.05)}.medical-graphic:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.medical-icon{display:block;font-size:2.5rem;margin-bottom:.8rem}@media (min-width:768px){.medical-icon{font-size:3.5rem}}@media (min-width:1200px){.medical-icon{font-size:4rem}}.medical-text{font-size:.9rem;font-weight:600;letter-spacing:.5px;line-height:1.3}@media (min-width:768px){.medical-text{font-size:1.2rem}}@media (min-width:1200px){.medical-text{font-size:1.4rem}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (min-width:768px){.hero-image-replacement{display:block!important}}.upload-demo{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem 1rem;position:relative;text-align:center}@media (min-width:768px){.upload-demo{padding:4rem 2rem}}@media (min-width:1200px){.upload-demo{padding:5rem 4rem}}.upload-demo:before{background:linear-gradient(90deg,#0000,#0ea5e9,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.highlight-title,.upload-demo h2{margin-bottom:2rem}.upload-demo h2{color:#1e40af;display:inline-block;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative}@media (min-width:768px){.upload-demo h2{font-size:3rem;margin-bottom:2.5rem}}@media (min-width:1200px){.upload-demo h2{font-size:3.5rem;margin-bottom:3rem}}.upload-demo h2:after{background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.demo-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}@media (min-width:768px){.demo-container{align-items:flex-start;flex-direction:row;gap:3rem;justify-content:center}}@media (min-width:1200px){.demo-container{gap:4rem;max-width:1400px}}.upload-area{background:#fff;border:2px dashed #0ea5e9;border-radius:12px;box-shadow:0 10px 30px #00000014;cursor:pointer;flex:1 1;max-width:350px;min-width:250px;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.upload-area{max-width:450px;min-width:320px;padding:2.5rem 2rem}}@media (min-width:1200px){.upload-area{max-width:500px;min-width:350px;padding:3rem 2.5rem}}.upload-area:hover{background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-color:#0ea5e9;box-shadow:0 25px 50px #0ea5e926;transform:translateY(-10px)}.upload-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-radius:50%;box-shadow:0 8px 20px #0ea5e94d;color:#fff;display:inline-flex;font-size:2.5rem;height:64px;justify-content:center;margin-bottom:.8rem;padding:0;transition:all .3s ease;width:64px}@media (min-width:768px){.upload-icon{font-size:3.5rem;height:80px;width:80px}}@media (min-width:1200px){.upload-icon{font-size:4rem;height:96px;width:96px}}.upload-area:hover .upload-icon{box-shadow:0 15px 35px #0ea5e966;transform:scale(1.15) rotate(5deg)}.upload-title{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.6rem;transition:color .3s ease}@media (min-width:768px){.upload-title{font-size:1.5rem}}@media (min-width:1200px){.upload-title{font-size:1.7rem}}.upload-area:hover .upload-title{color:#0ea5e9}.upload-desc{color:#475569;font-size:.9rem;font-weight:400;line-height:1.5;margin-bottom:1.2rem}@media (min-width:768px){.upload-desc{font-size:1.1rem}}@media (min-width:1200px){.upload-desc{font-size:1.2rem}}.upload-btn{background:linear-gradient(135deg,#0ea5e9,#38bdf8);border:none;border-radius:8px;box-shadow:0 4px 15px #0ea5e94d;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;padding:.7rem 1.2rem;transition:all .3s ease}@media (min-width:768px){.upload-btn{font-size:1.1rem;padding:1rem 2rem}}.upload-btn:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 12px 30px #0ea5e966;transform:translateY(-3px)}.results-preview{background:#fff;border:1px solid #22c55e33;border-radius:12px;box-shadow:0 10px 30px #00000014;flex:1 1;max-width:350px;min-width:250px;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.results-preview{max-width:450px;min-width:320px;padding:2.5rem 2rem}}@media (min-width:1200px){.results-preview{max-width:500px;min-width:350px;padding:3rem 2.5rem}}.results-preview:hover{border-color:#22c55e4d;box-shadow:0 25px 50px #22c55e26;transform:translateY(-10px)}.results-title{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.8rem}@media (min-width:768px){.results-title{font-size:1.5rem}}@media (min-width:1200px){.results-title{font-size:1.7rem}}.result-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.6rem 0;transition:all .3s ease}@media (min-width:768px){.result-item{padding:1rem 0}}.result-item:last-child{border-bottom:none}.result-item:hover{background:#22c55e0d;border-radius:6px;padding-left:.5rem}.allergen-name{color:#1e293b;font-size:.9rem;font-weight:600}@media (min-width:768px){.allergen-name{font-size:1.1rem}}.allergen-risk{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}@media (min-width:768px){.allergen-risk{font-size:.9rem;padding:.4rem 1rem}}.risk-high{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.risk-medium{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.risk-low{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.highlight-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#38bdf8);-webkit-background-clip:text;background-clip:text;font-size:2.3rem;font-weight:800;letter-spacing:.5px;margin-bottom:1.7rem;position:relative;text-shadow:0 2px 8px #38bdf814}.highlight-title:after{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:60px}@media (max-width:767px){.results-preview,.upload-area{margin-left:auto;margin-right:auto;max-width:75vw;min-width:0;width:100%}}@media (min-width:900px){.results-preview{padding-bottom:4rem;padding-top:4rem}.results-title{margin-bottom:.5rem}.result-item{padding:.5rem 0}}.how-it-works{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem;position:relative;text-align:center}@media (min-width:768px){.how-it-works{padding:4rem 2rem}}@media (min-width:1200px){.how-it-works{padding:5rem 4rem}}.how-it-works:before{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.how-it-works h2{color:#1e40af;display:inline-block;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;position:relative}@media (min-width:768px){.how-it-works h2{font-size:3rem;margin-bottom:2.5rem}}@media (min-width:1200px){.how-it-works h2{font-size:3.5rem;margin-bottom:3rem}}.how-it-works h2:after{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.steps{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}@media (min-width:768px){.steps{flex-direction:row;gap:2.5rem;justify-content:center}}@media (min-width:1200px){.steps{gap:3rem;max-width:1400px}}.step{background:#fff;border:1px solid #1e40af1a;border-radius:12px;box-shadow:0 10px 30px #00000014;cursor:pointer;flex:1 1;margin:0 auto;max-width:320px;min-width:250px;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.step{max-width:380px;min-width:300px;padding:2.5rem 2rem}}@media (min-width:1200px){.step{max-width:400px;min-width:320px;padding:3rem 2.5rem}}@media (max-width:767px){.step{margin-left:auto;margin-right:auto;max-width:75vw;min-width:0;width:100%}}.step:before{background:linear-gradient(135deg,#1e40af,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.step:hover{border-color:#1e40af33;box-shadow:0 25px 50px #1e40af26;transform:translateY(-15px)}.step:hover:before{transform:scaleX(1)}.step-icon{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;box-shadow:0 8px 20px #1e40af4d;color:#fff;display:inline-block;font-size:2.5rem;margin-bottom:.8rem;padding:.6rem;transition:all .3s ease}@media (min-width:768px){.step-icon{font-size:3.5rem;padding:1rem}}@media (min-width:1200px){.step-icon{font-size:4rem;padding:1.2rem}}.step:hover .step-icon{box-shadow:0 15px 35px #1e40af66;transform:scale(1.15) rotate(5deg)}.step-title{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.6rem;transition:color .3s ease}@media (min-width:768px){.step-title{font-size:1.5rem}}@media (min-width:1200px){.step-title{font-size:1.7rem}}.step:hover .step-title{color:#1e40af}.step-desc{color:#475569;font-size:.9rem;font-weight:400;line-height:1.5}@media (min-width:768px){.step-desc{font-size:1.1rem}}@media (min-width:1200px){.step-desc{font-size:1.2rem}}.left-align-step-desc{display:block;text-align:left}.left-align-step-desc ul{margin:.5em 0;padding-left:1.2em}.features{background:linear-gradient(#fffc,#fffc),url(https://images.pexels.com/photos/132477/pexels-photo-132477.jpeg);background-attachment:fixed;background-position:50%;background-size:cover;padding:2rem 1rem;position:relative;text-align:center}@media (min-width:768px){.features{padding:4rem 2rem}}@media (min-width:1200px){.features{padding:5rem 4rem}}.features:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.features h2{color:#1e40af;display:inline-block;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;position:relative}@media (min-width:768px){.features h2{font-size:3rem;margin-bottom:2.5rem}}@media (min-width:1200px){.features h2{font-size:3.5rem;margin-bottom:3rem}}.features h2:after{background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.feature-list{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}@media (min-width:900px){.feature-list{flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center}}@media (min-width:1200px){.feature-list{gap:2.5rem;max-width:1400px}}.feature{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #dc26261a;border-radius:12px;box-shadow:0 10px 30px #00000014;cursor:pointer;flex:1 1 250px;margin:0 auto;max-width:320px;min-width:250px;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.feature{max-width:380px;min-width:300px;padding:2.5rem 2rem}}@media (min-width:1200px){.feature{max-width:400px;min-width:320px;padding:3rem 2.5rem}}@media (max-width:767px){.feature{margin-left:auto;margin-right:auto;max-width:75vw;min-width:0;width:100%}}.feature:before{background:linear-gradient(135deg,#dc2626,#ef4444);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#dc262633;box-shadow:0 25px 50px #dc262626;transform:translateY(-15px)}.feature:hover:before{transform:scaleX(1)}.feature-icon{background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;box-shadow:0 8px 20px #dc26264d;color:#fff;display:inline-block;font-size:2.5rem;margin-bottom:.8rem;padding:.6rem;transition:all .3s ease}@media (min-width:768px){.feature-icon{font-size:3.5rem;padding:1rem}}@media (min-width:1200px){.feature-icon{font-size:4rem;padding:1.2rem}}.feature:hover .feature-icon{box-shadow:0 15px 35px #dc262666;transform:scale(1.15) rotate(5deg)}.feature-title{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.6rem;transition:color .3s ease}@media (min-width:768px){.feature-title{font-size:1.5rem}}@media (min-width:1200px){.feature-title{font-size:1.7rem}}.feature:hover .feature-title{color:#dc2626}.feature-desc{color:#475569;font-size:.9rem;font-weight:400;line-height:1.5}@media (min-width:768px){.feature-desc{font-size:1.1rem}}@media (min-width:1200px){.feature-desc{font-size:1.2rem}}.testimonials{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem 1rem;position:relative;text-align:center}@media (min-width:768px){.testimonials{padding:4rem 2rem}}@media (min-width:1200px){.testimonials{padding:5rem 4rem}}.testimonials:before{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.testimonials h2{color:#1e40af;display:inline-block;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;position:relative}@media (min-width:768px){.testimonials h2{font-size:3rem;margin-bottom:2.5rem}}@media (min-width:1200px){.testimonials h2{font-size:3.5rem;margin-bottom:3rem}}.testimonials h2:after{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.testimonial-grid{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto .5rem;max-width:1200px}@media (min-width:900px){.testimonial-grid{align-items:stretch;flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:center;margin-bottom:0}}@media (min-width:1200px){.testimonial-grid{gap:2.5rem;max-width:1400px}}.testimonial{background:#fff;border:1px solid #16a34a1a;border-radius:12px;box-shadow:0 10px 30px #00000014;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;min-width:0;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:900px){.testimonial{margin:0;max-width:100%;min-width:0;padding:2.5rem 2rem}}@media (min-width:1200px){.testimonial{padding:3rem 2.5rem}}@media (max-width:767px){.testimonial{max-width:75vw;min-width:0}}.testimonial:before{background:linear-gradient(135deg,#16a34a,#22c55e);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.testimonial:hover{border-color:#16a34a33;box-shadow:0 25px 50px #16a34a26;transform:translateY(-15px)}.testimonial:hover:before{transform:scaleX(1)}.testimonial-content{color:#475569;font-size:.9rem;font-style:italic;line-height:1.6;margin-bottom:1.2rem;position:relative}@media (min-width:768px){.testimonial-content{font-size:1.1rem}}@media (min-width:1200px){.testimonial-content{font-size:1.2rem}}.testimonial-author{align-items:center;display:flex;gap:.8rem}.author-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:50%;box-shadow:0 4px 15px #16a34a4d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}@media (min-width:768px){.author-avatar{font-size:1.3rem;height:3.5rem;width:3.5rem}}@media (min-width:1200px){.author-avatar{font-size:1.4rem;height:4rem;width:4rem}}.testimonial:hover .author-avatar{box-shadow:0 8px 25px #16a34a66;transform:scale(1.1)}.author-info{flex:1 1}.author-name{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700;margin-bottom:.2rem}@media (min-width:768px){.author-name{font-size:1.2rem}}@media (min-width:1200px){.author-name{font-size:1.3rem}}.author-title{color:#64748b;font-size:.8rem;font-weight:500}@media (min-width:768px){.author-title{font-size:1rem}}@media (min-width:1200px){.author-title{font-size:1.1rem}}.pricing-section{background:none;padding:4rem 1rem;text-align:center}.pricing-section .highlight-title{color:#1e40af;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-shadow:0 2px 8px #1e40af14}.pricing-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2.5rem;max-width:900px}.pricing-card{align-items:center;background:#fff;border:1.5px solid #e0e7ff;border-radius:20px;box-shadow:0 8px 32px #1e40af1a;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-width:500px;padding:2.2rem 1.7rem 2rem;position:relative;transition:box-shadow .2s,transform .2s,border .2s}.pricing-card:focus,.pricing-card:hover{box-shadow:0 16px 40px #1e40af2e;transform:translateY(-6px) scale(1.03)}.pricing-card.highlight{background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border:2.5px solid #3b82f6;box-shadow:0 12px 40px #3b82f621;transform:scale(1.04);z-index:2}.plan-name{color:#1e40af;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.plan-price{color:#3b82f6;font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.plan-features{color:#334155;font-size:1rem;list-style:none;margin:0 0 2rem;padding:0;text-align:left}.plan-features li{margin-bottom:.7rem;padding-left:1.2em;position:relative}.plan-features li:before{color:#22c55e;content:"\2713";font-size:1.1em;left:0;position:absolute}.plan-select-btn{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:8px;box-shadow:0 4px 16px #1e40af1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.9rem 2.2rem;transition:background .2s,transform .2s}.plan-select-btn:disabled{background:#64748b;cursor:not-allowed;opacity:.7}.plan-select-btn:focus:not(:disabled),.plan-select-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1e40af);transform:translateY(-2px) scale(1.04)}@media (max-width:900px){.pricing-cards{align-items:center;flex-direction:column;gap:1.5rem}.pricing-card{max-width:700px;width:100%}}.contact-modal-overlay{align-items:center;background:#1e40af40;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.contact-modal{animation:fadeInModal .2s;background:#fffffffa;border-radius:18px;box-shadow:0 8px 32px #1e40af2e;max-width:400px;padding:2.5rem 2rem 2rem;position:relative;text-align:left;width:100%}@keyframes fadeInModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.contact-modal h3{color:#1e40af;font-size:1.5rem;margin-bottom:1rem}.contact-modal p{color:#334155;font-size:1rem;margin-bottom:1.5rem}.contact-modal a{color:#3b82f6;text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{background:#f8fafc;border:1.5px solid #3b82f6;border-radius:8px;color:#1e293b;font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#1e40af;outline:none}.contact-form button[type=submit]{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 8px #1e40af1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 1.5rem;transition:background .2s,transform .2s}.contact-form button[type=submit]:focus,.contact-form button[type=submit]:hover{background:linear-gradient(135deg,#3b82f6,#1e40af);transform:translateY(-2px) scale(1.04)}.close-btn{background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-left:.5rem;padding:.7rem 1.2rem;transition:background .2s}.close-btn:focus,.close-btn:hover{background:#334155}@media (max-width:500px){.contact-modal{max-width:95vw;padding:1.2rem .5rem}.pricing-card{max-width:95vw;min-width:280px;padding:1.8rem 1.2rem 1.6rem}}.footer{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:1.5rem 1rem;position:relative;text-align:center}@media (min-width:768px){.footer{padding:3rem 2rem}}@media (min-width:1200px){.footer{padding:4rem}}.footer:before{background:linear-gradient(90deg,#0000,#475569,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}@media (min-width:768px){.footer-content{align-items:flex-start;flex-direction:row;gap:3rem;justify-content:space-between}}@media (min-width:1200px){.footer-content{gap:4rem;max-width:1400px}}.footer-section{flex:1 1;text-align:center}@media (min-width:768px){.footer-section{text-align:left}}.footer-section h3{color:#f8fafc;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.8rem}@media (min-width:768px){.footer-section h3{font-size:1.5rem}}@media (min-width:1200px){.footer-section h3{font-size:1.7rem}}.footer-section p{color:#cbd5e1;font-size:.9rem;line-height:1.5;margin-bottom:.8rem}@media (min-width:768px){.footer-section p{font-size:1.1rem}}@media (min-width:1200px){.footer-section p{font-size:1.2rem}}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.4rem}@media (min-width:768px){.footer-links li{margin-bottom:.8rem}}.footer-links a{color:#cbd5e1;display:inline-block;font-size:.9rem;position:relative;text-decoration:none;transition:all .3s ease}@media (min-width:768px){.footer-links a{font-size:1.1rem}}@media (min-width:1200px){.footer-links a{font-size:1.2rem}}.footer-links a:after{background:linear-gradient(135deg,#3b82f6,#60a5fa);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:#60a5fa;transform:translateX(5px)}.footer-links a:hover:after{width:100%}.social-links{display:flex;gap:.8rem;justify-content:center;margin-top:.8rem}@media (min-width:768px){.social-links{gap:1.5rem;justify-content:flex-start}}.social-link{align-items:center;background:#3b82f633;border:1px solid #3b82f64d;border-radius:50%;color:#60a5fa;display:inline-flex;height:2rem;justify-content:center;text-decoration:none;transition:all .3s ease;width:2rem}@media (min-width:768px){.social-link{height:3rem;width:3rem}}@media (min-width:1200px){.social-link{height:3.5rem;width:3.5rem}}.social-link:hover{background:#3b82f64d;box-shadow:0 8px 20px #3b82f64d;color:#93c5fd;transform:translateY(-3px)}.social-link i{font-size:1rem}@media (min-width:768px){.social-link i{font-size:1.3rem}}@media (min-width:1200px){.social-link i{font-size:1.4rem}}.footer-bottom{border-top:1px solid #475569;color:#94a3b8;font-size:.8rem;margin-top:1.5rem;padding-top:1rem}@media (min-width:768px){.footer-bottom{font-size:1rem;margin-top:3rem;padding-top:2rem}}@media (min-width:1200px){.footer-bottom{font-size:1.1rem;margin-top:4rem;padding-top:2.5rem}}.footer-highlight{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#38bdf8);-webkit-background-clip:text;background-clip:text;color:#2563eb!important;font-weight:700;position:relative}.footer-highlight:after{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;transition:background .3s;width:100%}.footer-highlight:focus,.footer-highlight:hover{color:#1e40af!important;text-shadow:0 2px 8px #38bdf826}.footer-section:nth-child(2){margin-left:2.5rem}@media (max-width:767px){.footer-section:nth-child(2){margin-left:0}.footer-section p{margin-left:auto;margin-right:auto;max-width:320px}}.footer-signup-btn{background:#22c55e;border:none;border-radius:8px;box-shadow:0 4px 15px #22c55e33;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:.8rem 2rem;transition:all .3s ease}.footer-signup-btn:hover{background:#16a34a;box-shadow:0 8px 25px #22c55e4d;transform:translateY(-2px)}.footer-dashboard-btn{background:#fff;border:2px solid #1e40af;border-radius:8px;box-shadow:0 4px 15px #1e40af33;color:#1e40af;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:.8rem 2rem;transition:all .3s ease}.footer-dashboard-btn:hover{background:#1e40af;box-shadow:0 8px 25px #1e40af4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.footer-section{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}}.signin-container{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);display:flex;justify-content:center;margin-top:0;min-height:calc(100vh - 120px);overflow:hidden;padding:2rem 1rem;position:relative}.signin-background{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='50' height='50' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='40' cy='40' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");pointer-events:none}.signin-background,.signin-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.signin-overlay{background:#0000001a}.signin-content{max-width:450px;padding-bottom:120px;padding-top:120px;position:relative;width:100%;z-index:2}.signin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026;padding:3rem 2rem}@media (min-width:768px){.signin-card{padding:4rem 3rem}}.signin-header{margin-bottom:2.5rem;text-align:center}.signin-header h1{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.signin-header h1{font-size:2.5rem}}.signin-header p{color:#64748b;font-size:1rem;margin:0}.signin-form{display:flex;flex-direction:column;gap:1.5rem}.form-options{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.checkbox-container{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;position:relative}.checkbox-container input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #d1d5db;border-radius:4px;height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-container:hover input~.checkmark{border-color:#22c55e}.checkbox-container input:checked~.checkmark{background-color:#22c55e;border-color:#22c55e}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:8px;left:5px;top:2px;transform:rotate(45deg);width:4px}.signin-button{background:#22c55e;border:none;border-radius:12px;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease}.signin-button:hover{background:#16a34a;box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.signin-button:active{transform:translateY(0)}.signin-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;text-align:center}.signin-footer p{color:#64748b;font-size:.9rem;margin-bottom:1rem}.signin-footer a{color:#22c55e;font-weight:500;text-decoration:none;transition:color .3s ease}.signin-footer a:hover{color:#16a34a;text-decoration:underline}@media (max-width:480px){.signin-container{padding:1rem}.signin-card{padding:2rem 1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:767px){.signin-content{padding-bottom:120px;padding-top:120px}}.google-signin-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.google-signin-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.google-signin-button:active{transform:translateY(0)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:400px;padding:2rem;position:relative;width:100%}.modal-content h2{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.modal-content label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.modal-content input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:100%}.modal-content input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.google-signin-button:disabled,.signin-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.google-signin-button:disabled:hover,.signin-button:disabled:hover{box-shadow:0 4px 15px #22c55e4d;transform:none!important}.forgot-password{background:none;border:none;color:#22c55e;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#16a34a;text-decoration:underline}.signup-container{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);display:flex;justify-content:center;margin-top:0;min-height:calc(100vh - 120px);overflow:hidden;padding:2rem 1rem;position:relative}.signup-background{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='50' height='50' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='40' cy='40' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");pointer-events:none}.signup-background,.signup-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.signup-overlay{background:#0000001a}.signup-content{max-width:450px;padding-bottom:120px;padding-top:120px;position:relative;width:100%;z-index:2}.signup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026;padding:3rem 2rem}@media (min-width:768px){.signup-card{padding:4rem 3rem}}.signup-header{margin-bottom:2.5rem;text-align:center}.signup-header h1{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.signup-header h1{font-size:2.5rem}}.signup-header p{color:#64748b;font-size:1rem;margin:0}.signup-form{gap:1.5rem}.form-group,.signup-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;font-size:1.2rem;left:1rem;position:absolute;z-index:1}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-group input::placeholder{color:#9ca3af}.password-toggle{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:1.2rem;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease}.password-toggle:hover{color:#22c55e}.signup-button{background:#22c55e;border:none;border-radius:12px;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease}.signup-button:hover{background:#16a34a;box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.signup-button:active{transform:translateY(0)}.divider{align-items:center;color:#64748b;display:flex;font-size:.9rem;margin:2rem 0}.divider:after,.divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.divider span{background:#fffffff2;padding:0 1rem}.google-signup-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.google-signup-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.google-signup-button:active{transform:translateY(0)}.google-icon{font-size:1.2rem}.signup-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;text-align:center}.signup-footer p{color:#64748b;font-size:.9rem;margin-bottom:1rem}.footer-link{background:none;border:none;color:#22c55e;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:0;text-decoration:underline;transition:color .3s ease}.footer-link:hover{color:#16a34a}.back-to-home{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;gap:.5rem;padding:0;transition:color .3s ease}.back-to-home:hover{color:#22c55e}@media (max-width:767px){.signup-content{padding-bottom:120px;padding-top:120px}}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.auth-error,.auth-success{font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.google-signup-button:disabled,.signup-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.google-signup-button:disabled:hover,.signup-button:disabled:hover{box-shadow:0 4px 15px #22c55e4d;transform:none!important}body,html{box-sizing:border-box;overflow-x:hidden;width:100%}@media (max-width:768px){.dashboard-card,.dashboard-container,.dashboard-content,.dashboard-header,.dashboard-layout,.dashboard-main{box-sizing:border-box;margin:0!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}.dashboard-card,.dashboard-header{padding-left:1rem;padding-right:1rem}.dashboard-container,.dashboard-content,.dashboard-grid{box-sizing:border-box;margin:0 auto;max-width:95vw;width:100%}.dashboard-grid{gap:2.2rem;grid-template-columns:1fr}.dashboard-card{border-radius:18px;box-shadow:0 2px 16px 0 #1e40af12;box-sizing:border-box;margin:0 auto 2.2rem;max-width:95vw;padding:2rem 1.2rem;text-align:center;width:100%}.dashboard-card:first-of-type{margin-top:100px}.dashboard-header{background:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;margin:0 auto;max-width:340px;padding:2rem 1.2rem;text-align:center;width:100%}.dashboard-main{padding-top:80px!important}.log-reaction-card.safe-food-card,.safe-food-card{margin-bottom:2.2rem;margin-left:auto!important;margin-right:auto!important;margin-top:0;max-width:400px;width:95vw}}.dashboard-container{margin-top:32px;min-height:calc(100vh - 120px);padding:2rem 1rem}.dashboard-container,.dashboard-content{background:none!important;box-shadow:none!important}.dashboard-content{margin:0 auto;max-width:1200px;padding:0 1rem}.dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border-radius:24px;box-shadow:0 8px 32px #1e40af1a;margin-bottom:1.5rem;padding:2.5rem 2rem 2rem;text-align:center}.dashboard-header h1{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:2.3rem;font-weight:800;letter-spacing:.01em;margin-bottom:.5rem}.dashboard-header p{color:#64748b;font-size:1.15rem;margin:0}.dashboard-grid{grid-gap:2.2rem;display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin-bottom:2.5rem}.dashboard-card{align-items:center;background:#fff;border:1.5px solid #e0e7ff;border-radius:22px;box-shadow:0 8px 32px #1e40af1a;display:flex;flex-direction:column;padding:2.2rem 1.7rem 2rem;position:relative;transition:box-shadow .2s,transform .2s}.dashboard-card:hover{border-color:#3b82f6;box-shadow:0 16px 48px #1e40af29;transform:translateY(-4px) scale(1.025)}.card-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 4px 16px #3b82f61a;color:#fff;display:flex;font-size:2.1rem;height:60px;justify-content:center;margin-bottom:1.3rem;width:60px}.dashboard-card h3{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.01em;margin-bottom:.7rem}.dashboard-card p{color:#64748b;font-size:1.08rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.card-button{background:linear-gradient(90deg,#3b82f6,#1e40af);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f61a;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1.05rem;font-weight:700;margin-top:auto;padding:.85rem 2.1rem;transition:background .2s,box-shadow .2s,transform .2s}.card-button:hover{background:linear-gradient(90deg,#1e40af,#3b82f6);box-shadow:0 8px 24px #3b82f62e;transform:translateY(-2px) scale(1.04)}.card-button.secondary{background:#3b82f6}.card-button.secondary:hover{background:#2563eb;box-shadow:0 8px 20px #3b82f64d}.dashboard-info{background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem}.dashboard-info h2{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.activity-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.activity-content h4{color:#1e40af;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.25rem}.activity-content p{color:#64748b;font-size:.9rem;margin-bottom:.5rem}.activity-time{color:#94a3b8;font-size:.8rem}@media (max-width:768px){.dashboard-container{margin-top:120px;padding:1rem}.dashboard-content{max-width:100%;padding:0 .5rem}.dashboard-header{border-radius:14px;margin-bottom:1rem;padding:1.2rem .7rem 1rem}.dashboard-header h1{font-size:1.3rem}.dashboard-header p{font-size:1rem}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.dashboard-card{border-radius:12px;padding:1rem .7rem}.dashboard-main{padding:.5rem .2rem}}.dashboard-layout,.dashboard-sidebar{display:flex;min-height:100vh}.dashboard-sidebar{align-items:flex-start;background:linear-gradient(135deg,#e0e7ff,#f1f5f9);border-bottom-right-radius:24px;border-right:1px solid #e5e7eb;border-top-right-radius:24px;box-shadow:2px 0 16px 0 #1e40af12;flex-direction:column;padding:6.5rem 1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:220px;z-index:900}.dashboard-sidebar nav ul{list-style:none;margin:0;padding:0;width:100%}.dashboard-sidebar nav ul li{margin-bottom:1.5rem;width:100%}.dashboard-sidebar nav ul li:last-child{margin-bottom:0}.dashboard-sidebar nav ul li a{background:none;border-radius:10px;box-shadow:0 2px 8px #1e40af08;color:#1e40af;display:block;font-size:1.08rem;font-weight:600;letter-spacing:.02em;padding:.75rem 1.2rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;width:100%}.dashboard-sidebar nav ul li a.active,.dashboard-sidebar nav ul li a:hover{background:linear-gradient(90deg,#1e40af,#3b82f6);box-shadow:0 4px 16px #1e40af1a;color:#fff;transform:translateY(-2px) scale(1.03)}.dashboard-main{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);flex:1 1;min-height:100vh;padding:2.5rem 3vw}.dashboard-activity-card{align-items:flex-start;background:#fff;border-left:6px solid #3b82f6;border-radius:18px;box-shadow:0 8px 32px #1e40af1a;display:flex;margin:2rem 0 0;max-width:520px;min-width:320px;padding:2rem 2.5rem 2rem .5rem;position:relative;transition:box-shadow .2s;width:100%}.dashboard-activity-card:hover{box-shadow:0 16px 40px #1e40af29}.activity-accent{background:linear-gradient(180deg,#1e40af,#3b82f6);border-radius:8px;height:60px;margin-right:1.5rem;margin-top:.5rem;min-width:8px;width:8px}.activity-content{flex:1 1}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-title{color:#1e40af;font-size:1.1rem;font-weight:700;letter-spacing:.01em}.activity-time{color:#64748b;font-size:.95rem;font-weight:500}.activity-welcome{color:#334155;font-size:1.4rem;font-weight:700;margin:.2rem 0 .7rem}.activity-desc{color:#64748b;font-size:1.05rem;margin:0}.dashboard-card-logo{background:#f1f5f9;border-radius:12px;box-shadow:0 2px 12px #1e40af1a;display:block;height:3.2rem;margin:0 auto 1.1rem;object-fit:contain;width:3.2rem}.dashboard-activity-card.wide{align-items:center;border-radius:24px;box-sizing:border-box;display:flex;gap:2.5rem;margin:2.5rem 0 0;max-width:100%;min-height:90px;padding:1.2rem 2.5rem 1.2rem 1.2rem;width:100%}.activity-logo-row{align-items:center;display:flex;justify-content:center;margin:.5rem 0 .7rem}.activity-logo{background:#f1f5f9;border-radius:14px;box-shadow:0 2px 12px #1e40af1a;height:3.5rem;object-fit:contain;width:3.5rem}.activity-list-sample{display:flex;flex-direction:column;gap:1.1rem;margin-top:1.2rem}.activity-sample-item{align-items:center;background:#f8fafc;border-radius:10px;box-shadow:0 2px 8px #1e40af0a;display:flex;gap:1.1rem;padding:.7rem 1.2rem}.activity-sample-icon{align-items:center;background:#e0e7ff;border-radius:50%;color:#3b82f6;display:flex;font-size:1.7rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;padding:.4rem}.activity-sample-content{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.activity-sample-title{color:#1e40af;font-size:1.05rem;font-weight:600}.activity-sample-desc{color:#64748b;font-size:.98rem}.activity-sample-time{color:#94a3b8;font-size:.95rem;font-weight:500;margin-left:1.2rem;white-space:nowrap}.log-reaction-main{margin:0!important;padding:0!important}.log-reaction-landing{align-items:flex-start;background:linear-gradient(135deg,#e0e7ff,#f0f4ff 60%,#c7d2fe);justify-content:center;margin:0!important;overflow:hidden;padding:9rem 0 20rem!important}.log-reaction-card,.log-reaction-landing{display:flex;position:relative;width:100%}.log-reaction-card{align-items:center;animation:fadeInUp .7s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border:2px solid #3b82f6;border-radius:28px;box-shadow:0 8px 32px #1e40af21;flex-direction:column;margin-left:2.5rem;max-width:420px;padding:3.5rem 2.5rem 2.7rem;z-index:1}.log-reaction-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 4px 16px #3b82f621;color:#fff;display:flex;height:70px;justify-content:center;margin-bottom:1.5rem;width:70px}.log-reaction-title{color:#1e40af;font-size:2rem;font-weight:800;letter-spacing:.01em;margin-bottom:.7rem;text-align:center}.log-reaction-desc{color:#64748b;font-size:1.13rem;line-height:1.6;margin-bottom:2.2rem;text-align:center}.log-reaction-slider{accent-color:#3b82f6;cursor:pointer;height:4px;margin-top:.5rem;transition:background .2s;width:100%}.log-reaction-btn{background:linear-gradient(90deg,#3b82f6,#1e40af);border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f61a;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1.15rem;font-weight:700;opacity:.95;padding:1.1rem 2.7rem;transition:background .2s,box-shadow .2s,transform .2s}.log-reaction-btn:active{transform:scale(.98)}.log-reaction-symptom-options{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:.5rem}.show-more-btn{align-items:center;background:linear-gradient(90deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.8rem 1.5rem;transition:all .2s;width:-webkit-fit-content;width:fit-content}.show-more-btn:hover{background:linear-gradient(90deg,#1e40af,#1e3a8a);transform:translateY(-1px)}.log-reaction-symptom-option{align-items:center;background:#f8fafc;border-radius:6px;box-shadow:0 1px 4px #1e40af0a;color:#334155;display:flex;font-size:1.05rem;gap:.4rem;padding:.3rem .7rem;transition:background .2s}.log-reaction-symptom-option input[type=checkbox]{accent-color:#3b82f6;height:1.1rem;margin-right:.2rem;width:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.log-reaction-card.step-card{max-width:480px;padding:3.2rem 2.2rem 2.2rem}.log-reaction-form{display:flex;flex-direction:column;gap:1.7rem;margin-top:1.2rem;width:100%}.log-reaction-label{color:#1e40af;display:flex;flex-direction:column;font-size:1.08rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.log-reaction-input{background:#f8fafc;border:1.5px solid #c7d2fe;border-radius:8px;color:#334155;font-size:1.05rem;margin-top:.2rem;padding:.7rem 1rem;transition:border .2s}.log-reaction-input:focus{border-color:#3b82f6;outline:none}.log-reaction-severity-labels{color:#64748b;display:flex;font-size:.98rem;justify-content:space-between;margin-top:.2rem}.log-reaction-textarea{background:#f8fafc;border:1.5px solid #c7d2fe;border-radius:8px;color:#334155;font-size:1.05rem;min-height:70px;padding:.8rem 1rem;resize:vertical;transition:border .2s}.log-reaction-textarea:focus{border-color:#3b82f6;outline:none}.environmental-textarea{box-sizing:border-box;min-width:100%;width:100%}.ai-analysis-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.ai-analysis-section h3{align-items:center;color:#0c4a6e;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.ai-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0f2fe;border-radius:50%;border-top-color:#0ea5e9;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-result{background:#fff;border-left:4px solid #0ea5e9;border-radius:12px;padding:1.2rem}.ai-result p{color:#334155;font-size:1.05rem;line-height:1.6;margin:0}.urgency-assessment-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef4444;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.urgency-assessment-section h3{align-items:center;color:#991b1b;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.8rem}.urgency-instruction{color:#991b1b;font-size:1rem;line-height:1.5;margin-bottom:1.2rem;opacity:.9}.urgency-scale{background:#fff;border:1px solid #fecaca;border-radius:12px;padding:1.2rem}.urgency-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.urgency-level{color:#334155;font-size:1.5rem;font-weight:700}.urgency-label{background:#ef44441a;border-radius:6px;font-size:1.1rem;font-weight:600;padding:.3rem .8rem}.urgency-bar{background:#f3f4f6;border-radius:6px;height:12px;margin:1rem 0;overflow:hidden;width:100%}.urgency-fill{border-radius:6px;height:100%;transition:width .3s ease,background-color .3s ease}.urgency-labels{color:#64748b;display:flex;font-size:.9rem;justify-content:space-between;margin-top:.5rem}.environmental-cause-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.environmental-cause-section h3{align-items:center;color:#166534;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.8rem}.environmental-instruction{color:#166534;font-size:1rem;line-height:1.5;margin-bottom:1.2rem;opacity:.9}.environmental-cause-section .log-reaction-textarea{background:#fff;border:1px solid #bbf7d0;box-sizing:border-box;margin:0;min-width:100%;width:100%}.environmental-cause-section .log-reaction-textarea:focus{border-color:#22c55e}.step-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.log-reaction-btn.secondary{background:linear-gradient(90deg,#64748b,#475569);opacity:.9}.log-reaction-btn.secondary:hover{background:linear-gradient(90deg,#475569,#334155);opacity:1}@media (max-width:768px){.step-navigation{flex-direction:column}.ai-analysis-section,.environmental-cause-section,.urgency-assessment-section{padding:1.2rem}.urgency-display{align-items:flex-start;flex-direction:column;gap:.5rem}.show-more-btn{justify-content:center;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.allergen-expanded{animation:fadeIn .3s ease-in}.analysis-loading{animation:pulse 2s infinite}.icon-margin{margin-right:8px}.access-denied-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.access-denied-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:500px;padding:3rem 2.5rem;text-align:center;width:100%}.access-denied-content h1{color:#dc2626;font-family:Segoe UI,Arial,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.access-denied-content p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.access-denied-content p:last-of-type{background:#f1f5f9;border-radius:8px;color:#475569;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:2rem;padding:.75rem}.sign-out-button{background:linear-gradient(90deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 12px #dc262633;color:#fff;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.sign-out-button:hover{background:linear-gradient(90deg,#b91c1c,#dc2626);box-shadow:0 8px 20px #dc26264d;transform:translateY(-2px)}.sign-out-button:active{transform:translateY(0)}@media (max-width:768px){.access-denied-container{padding:1rem}.access-denied-content{padding:2rem 1.5rem}.access-denied-content h1{font-size:2rem}.access-denied-content p{font-size:1rem}}.mobile-menu-toggle{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:12px;box-shadow:0 4px 16px #1e40af33;color:#fff;cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .2s ease;z-index:2001}.mobile-menu-toggle:hover{box-shadow:0 6px 20px #1e40af4d;transform:translateY(-2px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2000}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.mobile-menu-overlay{display:block}.dashboard-sidebar{background:linear-gradient(135deg,#e0e7ff,#f1f5f9);border-radius:0;border-right:1px solid #e5e7eb;box-shadow:2px 0 16px 0 #1e40af12;display:none;flex-direction:column;height:100vh;left:0;padding:5rem 1rem 2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:2002}.dashboard-sidebar.mobile-open{display:flex;transform:translateX(0)}.dashboard-layout{flex-direction:column}.dashboard-main{margin-left:0;padding:1rem;width:100%}.dashboard-header{margin-top:60px}}@media (min-width:769px){.mobile-menu-overlay,.mobile-menu-toggle{display:none!important}.dashboard-sidebar{background:linear-gradient(135deg,#e0e7ff,#f1f5f9);border-bottom-right-radius:24px;border-right:1px solid #e5e7eb;border-top-right-radius:24px;box-shadow:2px 0 16px 0 #1e40af12;left:0!important;min-height:100vh;padding:6.5rem 1rem 2rem;position:-webkit-sticky;position:sticky;width:220px;z-index:900}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);flex:1 1;min-height:100vh;padding:2.5rem 3vw}}@media (max-width:768px){.log-reaction-main{margin:0!important;overflow-x:hidden!important;padding:0!important}.log-reaction-landing{margin:0!important;padding:6rem 0 4rem!important}.log-reaction-card{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:2.2rem;margin-left:auto!important;margin-right:auto!important;margin-top:0;max-width:400px;padding:1.5rem .7rem;text-align:center;width:95vw}}.profile-container{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:90px 20px 20px}.profile-header{gap:20px;justify-content:center;margin:0 auto 40px;max-width:800px;position:relative}.back-button,.profile-header{align-items:center;display:flex}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;left:0;padding:12px 20px;position:absolute;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateY(-2px)}.profile-header h1{color:#fff;flex:1 1;font-size:2.5rem;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.profile-content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.profile-avatar{margin-bottom:30px;text-align:center}.profile-avatar svg{color:#667eea;font-size:80px}.profile-info{gap:25px}.profile-field,.profile-info{display:flex;flex-direction:column}.profile-field{gap:8px}.profile-field label{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;color:#495057;display:flex;font-size:16px;gap:10px;padding:15px}.field-value svg{color:#667eea;font-size:20px}.edit-field input{background:#fff;border:2px solid #667eea;border-radius:10px;color:#333;font-family:inherit;font-size:16px;padding:15px;transition:border-color .3s ease}.edit-field input:focus{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a;outline:none}.profile-actions{margin-top:20px}.edit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s ease}.edit-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.edit-actions{display:flex;gap:15px}.save-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.cancel-button{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:10px;box-shadow:0 4px 15px #6c757d4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.cancel-button:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.profile-actions-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.profile-actions-card h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.signout-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:10px;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease;width:100%}.signout-button:hover{box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}@media (max-width:768px){.profile-container{padding:90px}.profile-header{align-items:center;flex-direction:column;gap:15px;justify-content:center;margin-bottom:30px;position:relative}.profile-header h1{font-size:2rem;order:2;text-align:center}.back-button{align-self:flex-start;order:1;position:static}.profile-card{padding:25px}.profile-avatar svg{font-size:60px}.edit-actions{flex-direction:column}}@media (max-width:480px){.profile-card{padding:20px}.profile-header h1{font-size:1.75rem}.edit-field input,.field-value{font-size:14px;padding:12px}}
/*# sourceMappingURL=main.defdaeb2.css.map*/