:root{--primary-color: #297afe;--secondary-color: #297afe;--accent-color: #7e57c2;--text-color: #333333;--light-text: #ffffff;--background-color: #f5f5f5;--card-bg: #ffffff;--error-color: #f44336;--success-color: #4caf50;--font-family: "Plus Jakarta Sans", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--animation-duration: .6s;--animation-easing: cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);line-height:1.6;overflow-x:hidden}button,.btn,.card,.team-member,.feature-card,.step{transition:all .3s cubic-bezier(.25,.46,.45,.94)}button:focus,.btn:focus,a:focus{outline:2px solid var(--secondary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animation]{opacity:1!important}}a{text-decoration:none;color:#fff;transition:color .3s ease}a:hover{color:var(--secondary-color)}img{max-width:100%;height:auto}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-lg);text-align:center;color:var(--primary-color)}.section-subtitle{font-size:1.2rem;margin-bottom:var(--spacing-xl);text-align:center;color:var(--text-color);max-width:800px;margin-left:auto;margin-right:auto}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all var(--animation-duration) var(--animation-easing)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}[data-animation]{opacity:0}[data-animation].animated,.bento-card{opacity:1}.bento-card[data-animation]{opacity:0}.bento-card[data-animation].animated{opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes cursor-glow{0%,to{opacity:1;box-shadow:0 0 #297afe00}50%{opacity:.8;box-shadow:0 0 8px #297afe99}}.statement-text.typing-animation{position:relative;overflow:visible;min-height:1.4em}.statement-text .typing-cursor{display:inline-block;width:3px;height:1.3em;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));margin-left:4px;animation:blink-cursor 1.2s infinite,cursor-glow 2s infinite;vertical-align:text-bottom;border-radius:2px;transition:all .3s ease}.statement-text .typing-cursor.hidden{opacity:0;transform:scale(0);transition:all .5s ease}.thinking-dots{display:flex;gap:4px}.thinking-dot{width:6px;height:6px;background-color:#40474f;border-radius:50%;animation:thinkingPulse 1.4s infinite ease-in-out}.thinking-dot:nth-child(1){animation-delay:-.32s}.thinking-dot:nth-child(2){animation-delay:-.16s}.thinking-dot:nth-child(3){animation-delay:0s}@keyframes thinkingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:var(--border-radius-md);font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background-color:var(--primary-color);color:var(--light-text)}.btn-primary:hover{background-color:#0d1b69;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:var(--light-text)}.btn-secondary:hover{background-color:#1e88e5;transform:translateY(-2px);box-shadow:var(--shadow-md)}.fa-camera{margin:8px}.fa-folder-open:before{margin-right:8px}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.action-btn.primary-btn{background-color:var(--primary-color);color:var(--light-text)}.action-btn.primary-btn:hover{background-color:#0d1b69;transform:translateY(-1px)}.action-btn.secondary-btn{background-color:var(--secondary-color);color:var(--light-text)}.action-btn.secondary-btn:hover{background-color:#1e88e5;transform:translateY(-1px)}.action-btn.danger-btn{background-color:var(--error-color);color:var(--light-text)}.action-btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn:disabled:hover{transform:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.modal-content{position:relative;background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:var(--primary-color)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.modal-close:hover{background-color:#f0f0f0}.modal-body{padding:var(--spacing-lg)}.modal-form .form-group{margin-bottom:var(--spacing-lg)}.modal-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-color)}.modal-form input{width:100%;padding:12px;border:1px solid #ddd;border-radius:var(--border-radius-md);font-size:16px;transition:border-color .3s ease}.modal-form input:focus{outline:none;border-color:var(--primary-color)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.warning-message i{color:#f39c12;margin-right:var(--spacing-sm)}.warning-message h4{color:#d68910;margin-bottom:var(--spacing-sm)}.warning-message ul{margin-left:var(--spacing-lg);margin-top:var(--spacing-sm)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{text-align:center}.loading-spinner i{font-size:2rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.loading-spinner p{color:var(--text-color);font-size:1.1rem}.message-container{position:fixed;top:100px;right:20px;z-index:9998;max-width:400px}.message{display:flex;align-items:center;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);animation:slideIn .3s ease}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.message i{margin-right:var(--spacing-sm)}.message span{flex:1}.message-close{background:none;border:none;cursor:pointer;padding:0;margin-left:var(--spacing-sm);opacity:.7;transition:opacity .3s ease}.message-close:hover{opacity:1}@media (max-width: 768px){.btn{padding:12px 20px;font-size:15px}.action-btn{padding:10px 16px;font-size:14px;gap:var(--spacing-xs)}.modal-content{width:95%;max-width:none;margin:var(--spacing-sm)}.modal-header,.modal-body{padding:var(--spacing-md)}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.modal-actions .action-btn{width:100%;justify-content:center}.message-container{top:80px;right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.message{padding:var(--spacing-sm);font-size:14px}}@media (max-width: 425px){.btn{padding:8px 14px;font-size:13px}.action-btn{padding:6px 10px;font-size:12px;gap:4px}.modal-content{width:98%;margin:4px;border-radius:12px}.modal-header,.modal-body{padding:10px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .action-btn{width:100%;justify-content:center}.modal-form input,.modal-form textarea{font-size:16px;padding:8px 12px}.message-container{top:70px;right:8px;left:8px;max-width:none}.message{padding:8px 12px;font-size:13px}.login-btn{padding:6px 12px;font-size:13px;border-radius:8px}}@media (max-width: 480px){.btn{padding:10px 16px;font-size:14px}.action-btn{padding:8px 12px;font-size:13px}.modal-content{width:98%;margin:var(--spacing-xs)}.modal-header,.modal-body{padding:var(--spacing-sm)}.modal-form input{font-size:16px}}.container{width:100%;max-width:1440px;margin:0 auto;padding:24px 84px}@media (max-width: 1200px){.container{padding:20px 40px}}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-page-active #header,.login-page-active #footer,.register-page-active #header,.register-page-active #footer{display:none!important}footer{background-color:#fff;color:#333;padding:80px 0 40px;border-top:1px solid #e5e7eb;position:relative;overflow:hidden}.footer-wrapper{position:relative;width:100%}.footer-background-text{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:clamp(8rem,20vw,20rem);font-weight:900;color:#f3f3f3;letter-spacing:.1em;text-transform:uppercase;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.5}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:80px;position:relative;z-index:2}.footer-section{display:flex;flex-direction:column}.footer-brand{max-width:300px}.footer-brand-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:16px;letter-spacing:.05em}.footer-description{font-size:.9rem;line-height:1.6;color:#6b7280;margin-bottom:20px}.footer-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#374151}.social-links{display:flex;gap:12px;margin-top:8px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#f3f4f6;border-radius:8px;color:#6b7280;text-decoration:none;transition:all .3s ease}.social-link:hover{background-color:#e5e7eb;color:#374151}.social-link i{font-size:16px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid #e5e7eb;position:relative;z-index:2;margin-top:20px}.copyright{text-align:left}.copyright p{font-size:.85rem;color:#6b7280;margin:0}.footer-logo{text-align:right}.footer-logo-text{font-size:.85rem;color:#6b7280;font-weight:500}@media (max-width: 1024px){.container{padding:16px 24px}}@media (max-width: 768px){.container{padding:16px 20px}.section{padding:var(--spacing-lg) 0}footer{padding:60px 0 30px}.footer-content{grid-template-columns:1fr;gap:30px;margin-bottom:60px}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;gap:16px;text-align:center;padding-top:25px;margin-top:15px}.footer-logo{text-align:center}.footer-background-text{font-size:clamp(6rem,15vw,18rem);opacity:.4;bottom:40px}}@media (max-width: 480px){.container{padding:12px 16px}.section{padding:var(--spacing-md) 0}footer{padding:50px 0 25px}.footer-content{gap:25px;margin-bottom:50px}.footer-brand-title{font-size:1.3rem}.footer-description{font-size:.85rem}.footer-title{font-size:.95rem}.footer-links a{font-size:.85rem}.social-links{gap:10px}.social-link{width:32px;height:32px}.social-link i{font-size:14px}.copyright p,.footer-logo-text{font-size:.8rem}.footer-background-text{font-size:clamp(4rem,12vw,12rem);opacity:.3;bottom:30px}}header{background-color:transparent;color:var(--text-color);position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 84px;transition:padding .3s ease}.nav-container{padding:0;display:flex;justify-content:center;width:100%;max-width:none;margin:0}.navbar{background-color:#fff;border:.5px solid #d2d6db;border-radius:24px;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;width:100%;margin:0 auto;max-width:none}.navbar-shrunk{border-radius:20px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;margin:0 auto;transform:translate(0)}.logo{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:18px;color:#2d3339;line-height:1.6em;white-space:nowrap;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.nav-links{display:flex;list-style:none;gap:40px;margin:0;flex:1;justify-content:center;align-items:center;transition:gap .4s cubic-bezier(.4,0,.2,1)}.navbar-shrunk .nav-links{gap:24px}.nav-links li a{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:16px;color:#2d3339;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:#297afe;transform:translateY(-1px)}.login-btn{background-color:#297afe;color:#e8ebed;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:16px;padding:8px 24px;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover{background-color:#1a6be0}.nav-install-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:6px 14px;border-radius:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;display:none!important;align-items:center;gap:6px;margin-right:12px;font-family:Plus Jakarta Sans,sans-serif}.nav-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d;background:linear-gradient(135deg,#45a049,#388e3c)}.nav-install-btn i{font-size:12px}.nav-install-btn span{font-size:14px}.mobile-login{display:none}.desktop-only{display:block}.nav-right{display:flex;align-items:center;margin-left:auto}.mobile-menu-btn{display:none;background:none;border:none;color:#2d3339;font-size:1.5rem;cursor:pointer;padding:8px}.user-profile-container{position:relative;display:flex;align-items:center;margin-left:8px}.profile-button{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 12px;border-radius:16px;transition:background-color .3s ease}.profile-button:hover{background-color:#0000000d}.profile-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.profile-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:14px;color:#2d3339}.profile-arrow{font-size:12px;color:#2d3339;transition:transform .3s ease}.profile-dropdown{position:absolute;top:100%;right:0;width:240px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:1000}.profile-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:16px;display:flex;align-items:center;gap:12px}.dropdown-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-user-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:14px;color:#2d3339}.dropdown-user-email{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:12px;color:#6c757d}.dropdown-divider{height:1px;background-color:#e9ecef;margin:0}.dropdown-menu{list-style:none;padding:8px 0;margin:0}.dropdown-item{padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item i{font-size:16px;color:#6c757d}.dropdown-item span{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:14px;color:#2d3339}.logout-btn,.logout-btn i{color:#dc3545}.user-profile-container.mobile{width:100%;margin-left:0;margin-bottom:8px}.profile-button.mobile{width:100%;justify-content:flex-start;padding:8px}.profile-dropdown.mobile{position:relative;width:100%;margin-top:8px;left:0;right:auto}@media (max-width: 1024px){header{padding:20px 40px}.nav-container{padding:0 20px}.navbar{padding:14px 20px;gap:12px}.logo{font-size:17px}.nav-links{gap:32px}.nav-links li a{font-size:15px}}@media (max-width: 768px){header{padding:18px 16px}.nav-container{padding:0 16px}.navbar{padding:12px 16px;gap:12px}.logo{font-size:16px}.mobile-menu-btn{display:block;padding:8px;font-size:1.4rem;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.nav-links{position:fixed;top:70px;left:16px;right:16px;width:auto;background-color:#fff;flex-direction:column;padding:16px;border-radius:16px;margin-top:8px;box-shadow:0 4px 20px #00000026;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible;gap:20px}.nav-links li a{font-size:16px;padding:10px 16px;border-radius:8px;transition:background-color .2s ease}.nav-links li a:hover{background-color:#0000000d}.mobile-login{display:block;width:100%;margin-top:12px;padding-top:16px;border-top:1px solid #e5e7eb}.user-authenticated .mobile-login,.mobile{display:none}.mobile-login .login-btn{width:100%;padding:10px 20px;font-size:15px;text-align:center;border-radius:8px}.desktop-only{display:none}.nav-install-btn{display:none!important}}@media (max-width: 480px){header{padding:16px 12px}.nav-container{padding:0 12px}.navbar{padding:8px 12px;gap:10px;border-radius:22px}.logo{font-size:16px}.mobile-menu-btn{padding:7px;font-size:1.35rem;min-width:38px;min-height:38px}.nav-links{top:65px;left:12px;right:12px;padding:14px;border-radius:14px;margin-top:6px}.nav-links.active{gap:18px}.nav-links li a{font-size:15px;padding:9px 14px}.mobile-login .login-btn{padding:9px 18px;font-size:14px}}@media (max-width: 425px),screen and (max-device-width: 425px){header{padding:14px 8px!important;transform:none!important}.nav-container{padding:0 8px!important;max-width:none!important;margin:0!important}.navbar{padding:6px 8px!important;gap:8px!important;border-radius:20px!important;width:100%!important;max-width:none!important;transform:none!important;transition:none!important;margin:0 auto!important}.navbar-shrunk{width:100%!important;padding:6px 8px!important;transform:none!important;margin:0!important;max-width:none!important;border-radius:20px!important}.logo{font-size:15px}.mobile-menu-btn{display:block;padding:6px;font-size:1.3rem;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.nav-links{position:fixed;top:58px;left:8px;right:8px;width:auto;background-color:#fff;flex-direction:column;padding:12px;border-radius:12px;margin-top:4px;box-shadow:0 4px 20px #00000026;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible;gap:16px}.nav-links li a{font-size:15px;padding:8px 12px;border-radius:8px;transition:background-color .2s ease}.nav-links li a:hover{background-color:#0000000d}.mobile-login{display:block;width:100%;margin-top:8px;padding-top:12px;border-top:1px solid #e5e7eb}.user-authenticated .mobile-login,.mobile{display:none}.mobile-login .login-btn{width:100%;padding:8px 16px;font-size:14px;text-align:center;border-radius:8px}.desktop-only{display:none}.nav-install-btn{display:none!important}.user-profile-container{margin-left:4px}.profile-button{padding:2px 8px;gap:6px}.profile-image{width:32px;height:32px}.profile-username{font-size:13px}}@media (max-width: 375px),screen and (max-device-width: 375px){header{padding:12px 6px!important}.nav-container{padding:0 6px!important;max-width:none!important;margin:0!important}.navbar{padding:5px 6px!important;gap:6px!important;border-radius:18px!important;width:100%!important;max-width:none!important;transform:none!important;transition:none!important;margin:0 auto!important}.navbar-shrunk{padding:5px 6px!important;border-radius:18px!important}.logo{font-size:14px}.mobile-menu-btn{padding:5px;font-size:1.2rem;min-width:34px;min-height:34px}.nav-links{top:54px;left:6px;right:6px;padding:10px;border-radius:10px;margin-top:3px}.nav-links.active{gap:14px}.nav-links li a{font-size:14px;padding:7px 10px}.mobile-login .login-btn{padding:7px 14px;font-size:13px}.user-profile-container{margin-left:2px}.profile-button{padding:1px 6px;gap:4px}.profile-image{width:30px;height:30px}.profile-username{font-size:12px}}@media screen and (max-width: 428px),screen and (max-width: 414px),screen and (max-width: 390px),screen and (max-width: 375px),screen and (max-width: 360px),screen and (max-width: 320px){header{padding:12px 6px!important;transform:none!important}.nav-container{padding:0 6px!important;max-width:none!important;margin:0!important;width:100%!important}.navbar{padding:5px 6px!important;gap:6px!important;border-radius:18px!important;width:100%!important;max-width:none!important;transform:none!important;transition:none!important;margin:0!important}.navbar-shrunk{padding:5px 6px!important;border-radius:18px!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important}.logo{font-size:14px!important}.mobile-menu-btn{padding:4px!important;font-size:1.1rem!important;min-width:32px!important;min-height:32px!important}}@media only screen and (max-device-width: 480px){.nav-container{padding:0 8px!important;max-width:none!important;margin:0!important}.navbar{width:100%!important;max-width:none!important;transform:none!important;margin:0!important}}@media screen and (max-width: 425px){header[id=header]{padding:12px 6px!important}.nav-container{padding:0 6px!important;max-width:none!important;margin:0!important;width:100%!important;box-sizing:border-box!important}.navbar{padding:5px 6px!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}}#home{padding:0}.hero-section{background:linear-gradient(#00000014,#00000014),url(/assets/hero-bg-BE-ajOXI.jpg);background-size:cover;background-position:center;position:relative;display:flex;height:100vh;flex-direction:column;padding:85px 0}.hero-body-container{display:flex;flex-direction:column;gap:10px;padding:42px 84px;flex:1;position:relative;justify-content:center;align-items:center}.hero-text-section{display:flex;flex-direction:column;align-self:stretch;gap:12px;z-index:2}.hero-title-container{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:10px;padding:64px 0 40px}.hero-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:76px;line-height:1.2em;letter-spacing:-1.97%;text-align:center;color:#fff;width:900px;margin:0}.hero-title-highlight{color:var(--secondary-color)}.hero-cta-container{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:10px}.hero-try-now-btn{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 96px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.hero-try-now-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(41,122,254,.1),transparent);transition:left .6s}.hero-try-now-btn:hover:before{left:100%;background:linear-gradient(135deg,#fff,#297afe,#4338ca,#fff)}.hero-try-now-btn span{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:18px;line-height:1.6em;text-align:center;color:#2d3339;position:relative;z-index:1;transition:all .3s ease}.hero-try-now-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0003}.hero-try-now-btn:hover span{color:var(--primary-color)}.hero-try-now-btn:active{transform:translateY(-2px) scale(1.01)}.innovation-statement{background-color:var(--card-bg);width:100%}.innovation-statement .container{padding:var(--spacing-XL, 124px) 84px;display:flex;justify-content:center;align-items:center;height:100vh}.statement-text{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:49px;line-height:1.4em;letter-spacing:-.03em;text-align:center;color:#2d3339;max-width:1186px;padding:180px 0}.what-can-anevia-do{background-color:#f8f8f8;padding:var(--spacing-xl) 0;min-height:100vh;display:flex;align-items:center}.what-can-anevia-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1200px;height:629px;margin:0 auto}.what-can-anevia-text{padding-right:var(--spacing-lg)}.what-can-anevia-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:48px;line-height:1.2em;color:#2d3339;margin-bottom:24px}.title-highlight{color:var(--secondary-color)}.what-can-anevia-description{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.6em;color:#6b7280;margin-bottom:var(--spacing-xl);max-width:500px}.capabilities-list{display:flex;flex-direction:column;gap:12px}.capability-item{display:flex;flex-direction:column;opacity:0;transform:translateY(30px);transition:all .6s ease;border-bottom:1px solid #d2d6db;padding:24px 0;cursor:pointer;overflow:hidden}.capability-item:hover{border-color:var(--secondary-color);transform:translateY(-2px)}.capability-item.animated{opacity:1;transform:translateY(0)}.capability-item.expanded{border-color:var(--primary-color)}.capability-header{display:flex;gap:var(--spacing-md);align-items:center;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.capability-number{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:24px;color:#1a1a1a;min-width:40px;transition:color .3s ease}.capability-title-container{flex:1;display:flex;justify-content:space-between;align-items:center}.capability-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:20px;color:#2d3339;margin:0;line-height:1.3em;transition:color .3s ease}.capability-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#1a1a1a;transition:all .3s ease;margin-left:var(--spacing-sm)}.capability-toggle i{font-size:14px;transition:transform .3s ease}.capability-item.expanded .capability-toggle{color:#1a1a1a}.capability-item.expanded .capability-toggle i{transform:rotate(180deg)}.capability-description-container{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease,margin .4s ease;margin-top:0;padding-left:calc(40px + var(--spacing-md))}.capability-item.expanded .capability-description-container{max-height:200px;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #e5e7eb}.capability-description{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6em;color:#6b7280;margin:0}.what-can-anevia-image{display:flex;justify-content:center;align-items:center;position:relative;height:100%;max-height:682px}.eye-image-container{position:relative;width:100%;max-width:675px;height:100%;max-height:682px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease}.eye-image-container:hover{transform:scale(1.02)}.eye-analysis-image{width:100%;height:100%;max-height:682px;display:block;border-radius:20px;object-fit:cover;object-position:center}.analysis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.analysis-point{position:absolute;width:12px;height:12px;background-color:var(--secondary-color);border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0003;animation:pulse-point 2s infinite}.analysis-point.point-1{top:35%;left:45%;animation-delay:0s}.analysis-point.point-2{top:50%;left:55%;animation-delay:.7s}.analysis-point.point-3{top:65%;left:40%;animation-delay:1.4s}@keyframes pulse-point{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.features{background-color:#f8fafc;padding:var(--spacing-xl) 0;min-height:100vh;display:flex;align-items:center}.features-header{text-align:center;margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.features-header .section-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:48px;color:var(--primary-color);margin-bottom:var(--spacing-md)}.features-header .section-subtitle{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.6em;color:#6b7280;margin-bottom:0}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,280px);gap:var(--spacing-lg);max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.bento-card{background-color:#fff;border-radius:20px;padding:var(--spacing-xl);box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;border:2px solid transparent;display:flex;flex-direction:column}.bento-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(41,122,254,.05),transparent);transition:left .6s}.bento-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 32px #297afe1f;border-color:var(--secondary-color)}.bento-card:hover:before{left:100%}.bento-card-large{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:var(--spacing-xl)}.bento-card-medium{grid-column:span 2;grid-row:span 1}.bento-card-small{grid-column:span 1;grid-row:span 1}.bento-card-wide,.bento-card-tall{grid-column:span 2;grid-row:span 1}.bento-content{display:flex;flex-direction:column;height:100%;gap:var(--spacing-sm);justify-content:flex-start}.bento-header{display:flex;gap:12px;align-items:center;margin-bottom:var(--spacing-sm)}.bento-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:16px;color:var(--primary-color);line-height:1.3em;margin:0}.bento-card-large .bento-title{color:#fff;font-size:22px}.bento-card-small .bento-title{font-size:14px}.bento-card-medium .bento-title{font-size:16px}.bento-icon{font-size:2.2rem;color:#ffffffe6;min-width:48px}.bento-description{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:13px;line-height:1.5em;color:#6b7280;flex-grow:1}.bento-card-large .bento-description{color:#ffffffe6;font-size:14px}.bento-card-small .bento-description{font-size:12px;line-height:1.4em}.bento-card-medium .bento-description{font-size:13px}.bento-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.stat-item{text-align:center;width:100%}.stat-number{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:24px;color:#1a1a1a;line-height:1}.stat-label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:12px;color:#fffc;margin-top:4px}.notification-demo{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid #e2e8f0}.notification-icon{width:36px;height:36px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.notification-content h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:14px;color:var(--primary-color);margin:0 0 2px}.notification-content p{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:12px;color:#6b7280;margin:0 0 4px}.notification-time{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:10px;color:#9ca3af}.mobile-demo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md);height:72px}.phone-frame{width:52px;height:82px;background:linear-gradient(135deg,#1f2937,#374151);border-radius:10px;padding:6px;position:relative;box-shadow:0 4px 12px #00000026}.camera-viewfinder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:6px;position:relative;overflow:hidden}.scan-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(255,255,255,.8);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.ai-consultation-demo{display:flex;align-items:flex-start;max-height:107.17px;gap:var(--spacing-md);margin-bottom:32px}.ai-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.chat-bubble-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px 16px;position:relative;flex:1}.chat-bubble:before{content:"";position:absolute;left:-8px;top:12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #e2e8f0}.chat-bubble:after{content:"";position:absolute;left:-7px;top:12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #f8fafc}.chat-bubble-grid:before{content:"";position:absolute;left:-8px;top:12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #e2e8f0}.chat-bubble-grid:after{content:"";position:absolute;left:-7px;top:12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #f8fafc}.chat-bubble-grid p{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:14px;color:#475569;margin:0;line-height:1.4}.security-icon-container{display:flex;justify-content:center;align-items:center;width:100%;height:90%}.security-icon{display:flex;justify-content:center;align-items:center;width:72px;height:72px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:50%;color:#fff;font-size:28px;margin:0 24px 24px}.speed-icon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:var(--spacing-md)}.speed-icon{width:72px;height:72px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.speed-icon i{font-size:24px;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.speed-indicator{margin-top:4px;display:flex;align-items:center;gap:10px}.speed-bar{flex:1;height:6px;background:#fbbf2433;border-radius:3px;overflow:hidden}.speed-fill{height:100%;width:85%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;animation:speedFill 2s ease-out infinite}@keyframes speedFill{0%{width:0%}to{width:85%}}.speed-text{font-weight:700;color:#f59e0b;font-size:.9rem}.ease-icon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.speed-icon{display:flex;width:72px;height:72px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;align-items:center;justify-content:center;animation:pulse 2s infinite;margin-bottom:0}.ease-icon{width:72px;height:72px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.ease-icon i{font-size:24px;color:#fff}.ease-steps{display:flex;gap:8px;justify-content:center}.step-dot{width:12px;height:12px;border-radius:50%;background:#8b5cf64d;transition:all .3s ease}.step-dot.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);animation:stepPulse 1.5s ease-in-out infinite}.step-dot:nth-child(2).active{animation-delay:.3s}.step-dot:nth-child(3).active{animation-delay:.6s}@keyframes stepPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.highlight-text{display:inline-block;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;padding:6px 16px;border-radius:20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,200px);gap:var(--spacing-md)}.bento-card-large{grid-column:span 3;grid-row:span 1}.bento-card-medium{grid-column:span 2;grid-row:span 1}.bento-card-wide{grid-column:span 3;grid-row:span 1}.bento-card-tall{grid-column:span 1;grid-row:span 2}}@media (max-width: 768px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:var(--spacing-md)}.bento-card-large,.bento-card-medium,.bento-card-wide,.bento-card-tall{grid-column:span 2;grid-row:span 1}.bento-card-small{grid-column:span 1;grid-row:span 1}}@media (max-width: 480px){.bento-grid{grid-template-columns:1fr;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.bento-card-large,.bento-card-medium,.bento-card-wide,.bento-card-tall,.bento-card-small{grid-column:span 1;grid-row:span 1}.bento-card{padding:var(--spacing-md)}.bento-card-large{padding:var(--spacing-lg)}}.how-it-works{display:flex;background-color:var(--card-bg);padding:var(--spacing-xl) 0;height:100vh;align-items:center;justify-content:center}.steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.step{flex:1;min-width:250px;max-width:300px;text-align:center;position:relative;transition:all .3s ease}.step:hover{transform:translateY(-5px)}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--light-text);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;margin:0 auto var(--spacing-md);transition:all .3s ease;box-shadow:0 4px 12px #1a237e4d;position:relative;overflow:hidden;z-index:1}.step-number:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));opacity:0;transition:opacity .3s ease;z-index:-1}.step:hover .step-number:before{opacity:1}.step:hover .step-number{transform:scale(1.1);box-shadow:0 6px 20px #1a237e66}.step-title{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.step-description{color:var(--text-color)}@media (max-width: 1024px){.hero-body-container{padding:32px 24px}.hero-title{font-size:48px;line-height:1.2em}.statement-text{font-size:36px;padding:120px 0}.what-can-anevia-content{grid-template-columns:1fr;gap:var(--spacing-lg);height:auto;text-align:center}.what-can-anevia-text{padding-right:0;order:2}.what-can-anevia-image{order:1}}@media (max-width: 768px){.hero-body-container{padding:24px 20px}.hero-title{font-size:40px;width:100%;line-height:1.1em}.hero-try-now-btn{padding:14px 28px}.hero-try-now-btn span{font-size:16px}.innovation-statement .container{padding:60px 20px;height:auto;min-height:60vh}.statement-text{font-size:24px;padding:60px 0}.what-can-anevia-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.what-can-anevia-text{padding-right:0;order:2}.what-can-anevia-image{order:1}.what-can-anevia-title{font-size:32px;text-align:center}.what-can-anevia-description{text-align:center;margin:0 auto var(--spacing-lg) auto}.capabilities-list{gap:var(--spacing-md)}.capability-item{text-align:left;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.capability-header{gap:var(--spacing-sm)}.capability-title{font-size:18px}.capability-description{font-size:15px}.capability-description-container{padding-left:calc(32px + var(--spacing-sm))}.capability-toggle{width:28px;height:28px}.capability-toggle i{font-size:12px}.eye-image-container{max-width:350px;height:100%}.features-header .section-title{font-size:32px}.features-header .section-subtitle{font-size:16px}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--spacing-md);padding:0 var(--spacing-sm)}.bento-card-large,.bento-card-medium,.bento-card-small,.bento-card-wide,.bento-card-tall{grid-column:span 1;grid-row:span 1;min-height:200px}.bento-card-large{min-height:250px;padding:var(--spacing-lg)}.bento-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.bento-title{font-size:18px;text-align:center}.bento-card-large .bento-title{font-size:24px}.bento-description{font-size:14px;text-align:center}.bento-stats{justify-content:center;gap:var(--spacing-md)}.mobile-demo{height:60px}.phone-frame{width:50px;height:72px}.ai-consultation-demo{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.chat-bubble{max-width:100%}.expert-avatar{margin-bottom:var(--spacing-sm)}.avatar-img{width:50px;height:50px}.expert-badge{width:20px;height:20px;font-size:10px;right:calc(50% - 35px)}.steps-container{flex-direction:column;align-items:center}.step{max-width:100%}}@media (max-width: 1024px) and (min-width: 769px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,160px);gap:var(--spacing-md);padding:0 var(--spacing-md)}.bento-card-large{grid-column:span 2;grid-row:span 2}.bento-card-medium{grid-column:span 2;grid-row:span 1}.bento-card-small{grid-column:span 1;grid-row:span 1}.bento-card-wide{grid-column:span 2;grid-row:span 1}.bento-card-tall{grid-column:span 1;grid-row:span 2}}@media (max-width: 768px){.faq-section{padding:var(--spacing-lg) 0}.faq-categories{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.faq-category{padding:8px 16px;font-size:14px;min-width:auto;flex:none}.accordion-item{margin-bottom:var(--spacing-sm)}.accordion-header{padding:var(--spacing-md);font-size:16px;line-height:1.4}.accordion-content{padding:var(--spacing-md);font-size:14px;line-height:1.6}}@media (max-width: 480px){.faq-categories{gap:var(--spacing-xs)}.faq-category{padding:6px 12px;font-size:13px}.accordion-header{padding:var(--spacing-sm);font-size:15px}.accordion-content{padding:var(--spacing-sm);font-size:13px}}#tools{background-color:#fff;padding-top:0}.tools-container{display:flex;flex-direction:column;align-items:center;padding:180px 0;gap:64px}.tools-headline{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.tools-title{font-family:var(--font-family);font-weight:600;font-size:61px;line-height:1.4em;letter-spacing:-1.64%;text-align:center;color:#2d3339;max-width:1106px;margin-bottom:var(--spacing-md)}.tools-subtitle{font-family:var(--font-family);font-weight:400;font-size:1.2rem;line-height:1.5;text-align:center;color:#666;max-width:800px;margin:0 auto}.tools-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:48px}.tools-content-headline{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px}.tools-content-title{font-family:var(--font-family);font-weight:500;font-size:31px;line-height:1.5em;letter-spacing:-1.61%;text-align:center;color:#40474f;width:100%}.tools-content-description{font-family:var(--font-family);font-weight:400;font-size:20px;line-height:1.6em;letter-spacing:-1.25%;text-align:center;color:#828f9b;max-width:754px}.tools-file-upload{display:flex;flex-direction:column;align-items:center;width:60%;gap:12px;padding:32px 32px 0;border-radius:12px;border:1px solid #d2d6db}.scan-options{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);width:100%;max-width:800px}.scan-option{flex:1;height:200px;background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #d2d6db}.scan-option:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.scan-option.active{border-color:var(--primary-color)}.scan-option-icon{font-size:2rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.scan-option-title{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.scan-option-description{color:var(--text-color);font-size:.9rem}.scan-interface{width:100%;max-width:800px;background-color:var(--card-bg);border-radius:var(--border-radius-md);padding-top:12px;margin-bottom:var(--spacing-lg)}.camera-container{width:100%;aspect-ratio:4/3;background-color:#000;border-radius:12px;overflow:hidden;position:relative;margin-bottom:var(--spacing-md);border:1px solid #d2d6db}.camera-feed{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;color:#fff;font-size:1.2rem;text-align:center}.camera-controls{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.camera-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);background-color:var(--primary-color);color:var(--light-text);cursor:pointer;transition:background-color .3s ease}.camera-btn:hover{background-color:#0d1b69}.camera-btn:disabled{background-color:#ccc;cursor:not-allowed}.file-upload-area{border:2px dashed #d2d6db;border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:border-color .3s ease}.file-upload-area:hover{border-color:var(--primary-color)}.file-upload-area.dragover{border-color:var(--secondary-color);background-color:#297afe1a}.upload-icon{font-size:3rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.upload-text{font-size:1.1rem;color:var(--text-color);margin-bottom:var(--spacing-sm)}.upload-hint{font-size:.9rem;color:#666;margin-bottom:var(--spacing-sm)}.upload-info{font-size:.8rem;color:#888;margin-bottom:var(--spacing-md)}.file-input{display:none}.analyze-btn{width:100%;padding:var(--spacing-md);background-color:var(--secondary-color);color:var(--light-text);border:none;border-radius:var(--border-radius-md);font-size:1.1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.analyze-btn:hover{background-color:#1e88e5}.analyze-btn:disabled{background-color:#ccc;cursor:not-allowed}.results-section{width:100%;max-width:800px;background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg)}.result-header{text-align:center;margin-bottom:var(--spacing-lg)}.result-title{font-size:1.5rem;color:var(--primary-color);margin-bottom:var(--spacing-sm);text-align:left}.result-status{font-size:1.1rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);display:inline-block}.result-status.normal{background-color:#4caf501a;color:var(--success-color)}.result-status.anemic{background-color:#f443361a;color:var(--error-color)}.result-details{display:flex;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.result-metric{background-color:var(--background-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center}.metric-label{font-size:.9rem;color:#666;margin-bottom:var(--spacing-xs)}.metric-value{font-size:1.2rem;font-weight:600;color:var(--primary-color)}.result-actions{display:flex;gap:var(--spacing-md);justify-content:center}.result-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:400;line-height:1.6;text-decoration:none;transition:all .3s ease;border:1px solid #297afe}.result-actions .btn-secondary{background:#bbc2c9;color:#2d3339;border:1px solid #297afe;width:211px}.result-actions .btn-primary{background:#297afe;color:#fff;border:1px solid #297afe;flex:1}.eye-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:150px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.eye-placeholder.active{opacity:.7}.eye-placeholder img{width:100%;height:100%;object-fit:contain;filter:invert(1)}.camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;color:#fff;text-align:center;z-index:3}.camera-icon{font-size:3rem;color:#fffc;margin-bottom:var(--spacing-md)}.camera-message{font-size:1.2rem;margin-bottom:var(--spacing-sm);font-weight:500}.camera-hint{font-size:.9rem;color:#fffc;margin-bottom:var(--spacing-lg);max-width:300px;line-height:1.4}#upload-interface{display:none}.file-upload-area{border:2px dashed #d2d6db;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.file-upload-area:hover{border-color:var(--primary-color);background-color:#1a237e0d}.file-upload-area.dragover{border-color:var(--secondary-color);background-color:#297afe1a;transform:scale(1.02)}.preview-container{display:none;width:100%;max-width:60%;background-color:var(--card-bg);border-radius:var(--border-radius-lg);border:1px solid #d2d6db;padding:var(--spacing-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-lg);text-align:center}.heading-preview{width:100%;margin-bottom:24px}.preview-image{width:100%;height:auto;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.preview-controls{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.preview-controls .btn{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:500;border-radius:var(--border-radius-md);transition:all .3s ease;min-width:150px}.result-container{display:none;width:60%;max-width:900px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:40px;margin:40px auto;text-align:center;border:1px solid #d2d6db;position:relative;overflow:hidden}.result-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.result-image-container{margin-bottom:32px;display:flex;justify-content:center;position:relative}.result-image{width:100%;max-height:400px;border-radius:16px;box-shadow:0 12px 24px #00000026;object-fit:cover;border:3px solid #ffffff;transition:transform .3s ease,box-shadow .3s ease}.result-image:hover{transform:scale(1.02);box-shadow:0 16px 32px #0003}.result-box{display:flex;align-items:center;justify-content:center;padding:32px 24px;gap:32px;background:#ffffffb3;border-radius:16px;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #297afe}.result-box.no-anemia{background:linear-gradient(135deg,#4caf5026,#81c78426);border:1px solid rgba(76,175,80,.3)}.result-box.anemia-detected{background:linear-gradient(135deg,#ff980026,#ffb74d26);border:1px solid rgba(255,152,0,.3)}.result-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1}.result-icon{font-size:4.5rem;margin-bottom:8px;padding:20px;border-radius:50%;background:#ffffffe6;box-shadow:0 8px 16px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;height:100px;flex-shrink:0}.result-icon.loading{color:var(--secondary-color);background:linear-gradient(135deg,#297afe1a,#297afe33);animation:pulse 2s infinite}.result-icon.success{color:var(--success-color);background:linear-gradient(135deg,#4caf501a,#4caf5033)}.result-icon.warning{color:#ff9800;background:linear-gradient(135deg,#ff98001a,#ff980033)}.result-title{font-size:1.6rem;font-weight:700;margin-bottom:8px;color:#1a1a1a;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.result-description{font-size:.9rem;line-height:1.5;color:#5a6c7d;text-align:left;margin-bottom:0;font-weight:400;opacity:.9}.result-details{border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid #d2d6db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scan-details-heading{color:#1a1a1a;margin-bottom:24px;font-size:1.5rem;text-align:left;font-weight:700;position:relative;padding-bottom:12px}.scan-details-heading:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;border-radius:2px}.scan-details-container{border-radius:16px;border:1px solid rgba(255,255,255,.6)}.scan-info-grid{display:flex;flex-direction:column}.scan-info-item{background:linear-gradient(135deg,#fff,#f8f9fa);padding:24px 0;text-align:left;border:1px solid rgba(255,255,255,.8);transition:all .3s ease;position:relative;overflow:hidden}.scan-info-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-top:1px solid #d2d6db}.scan-info-label{display:block;font-weight:600;color:#838383;margin-bottom:8px;font-size:.6rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.scan-info-value{display:block;font-size:1.4rem;color:var(--text-color);font-weight:700;line-height:1.2}.result-details ul{list-style:none;padding:0}.result-details li{padding:var(--spacing-sm) 0;border-top:1px solid #d2d6db;display:flex;justify-content:space-between;align-items:center}.result-details li:last-child{border-bottom:none}.recommendations-section{border-radius:16px;padding-top:32px;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;position:relative;overflow:hidden}.recommendations-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.recommendations-title{color:#1a1a1a;margin-bottom:24px;font-size:1.5rem;font-weight:700;text-align:left;letter-spacing:1px;position:relative;padding-bottom:12px}.recommendations-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:2px;border-radius:1px}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.recommendations-list p{padding-bottom:24px;margin-bottom:0;color:var(--text-color);text-align:justify;font-size:1rem;line-height:1.6;position:relative;transition:all .3s ease}.recommendations-list li{content:"-";padding:24px 0;margin-bottom:0;color:var(--text-color);font-size:1rem;line-height:1.6;position:relative;transition:all .3s ease}.recommendations-list li:before{position:absolute;left:-2px;top:20px;font-size:1.2rem}.result-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.result-actions:has(#chat-ai-btn[style*="display: none"]){justify-content:center}.result-actions .btn{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:500;border-radius:var(--border-radius-md);transition:all .3s ease;min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}.result-actions .btn i{font-size:1.1rem}.tools-notes{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:12px;margin-left:auto;margin-right:auto}.warning-circle{width:24px;height:24px;background-color:#ffc107;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.warning-circle i{color:#fff;font-size:1.2rem}.tools-notes-text{color:#856404;font-weight:500;margin:0;font-size:.8rem}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:var(--border-radius-md)}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-text{color:var(--primary-color);font-weight:500;text-align:center}.progress-container{width:100%;margin:32px auto 24px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-bar-wrapper{width:100%;height:10px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative;margin-bottom:16px;box-shadow:inset 0 2px 4px #0000001a}.progress-bar{height:100%;background:var(--primary-color);border-radius:6px;width:0%;transition:width .3s ease-out;position:relative}.progress-text{text-align:center;font-size:1rem;color:var(--primary-color);font-weight:600;margin-bottom:20px}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-top:20px;position:relative}.progress-steps:before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;background:#e9ecef;z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6;transition:all .3s ease;position:relative;z-index:2;background:#ffffffe6;padding:4px;border-radius:8px}.progress-step.active{opacity:1;color:var(--primary-color);font-weight:600;transform:scale(1.05)}.progress-step.completed{opacity:1;color:var(--success-color);font-weight:600}.step-icon{width:30px;height:30px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;transition:all .3s ease;border:2px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.progress-step.active .step-icon{background:var(--primary-color);color:#fff;border-color:var(--primary-color);animation:pulse 2s infinite;box-shadow:0 4px 8px #1a237e4d}.progress-step.completed .step-icon{background:var(--success-color);color:#fff;border-color:var(--success-color);box-shadow:0 4px 8px #4caf504d}.progress-step.completed .step-icon:before{content:"✓";font-size:.9rem;font-weight:700}.progress-step span{font-size:.75rem;font-weight:500;text-align:center;min-height:16px;line-height:1.2}@media (max-width: 768px){.progress-container{max-width:100%;margin:24px 16px 0;padding:20px}.progress-steps{margin-top:16px}.progress-step{padding:2px}.progress-step span{font-size:.7rem}.step-icon{width:26px;height:26px;font-size:.75rem}.progress-text{font-size:.9rem;margin-bottom:16px}}@media (max-width: 480px){.progress-container{margin:20px 12px 0;padding:16px;border-radius:12px}.progress-bar-wrapper{height:8px;margin-bottom:12px}.progress-text{font-size:.85rem;margin-bottom:14px}.progress-steps{margin-top:14px;gap:4px}.progress-step{padding:2px;gap:6px}.progress-step span{font-size:.65rem;line-height:1.1}.step-icon{width:24px;height:24px;font-size:.7rem;border-width:1px}.progress-steps:before{top:12px}}.message{border-radius:var(--border-radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;text-align:center;font-weight:500;opacity:0;transform:translateY(-10px);transition:all .3s ease}.message.fade-in{opacity:1;transform:translateY(0)}.error-message{background-color:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f}.success-message{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);padding:24px 4px;border-radius:4px;color:#388e3c}.info-message{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#1976d2}.btn{border:none;cursor:pointer;font-family:var(--font-family);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover{background:linear-gradient(135deg,#0d1b69,#1e88e5);transform:translateY(-2px);box-shadow:0 4px 12px #1a237e4d}.btn-secondary{background:#f8f9fa;color:var(--primary-color);border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:before{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}@media (max-width: 768px){.tools-container{padding:110px 32px;gap:var(--spacing-xl)}.tools-title{font-size:2.5rem;line-height:1.2}.tools-content-title{font-size:1.8rem}.tools-content-description{font-size:1rem;padding:0 var(--spacing-md)}.tools-file-upload{width:100%}.scan-option{max-width:50%}.scan-interface{padding:0}.camera-container{aspect-ratio:3/4}.camera-controls{flex-direction:column;gap:var(--spacing-sm)}.camera-controls .btn{width:100%}.file-upload-area{min-height:250px;padding:var(--spacing-lg)}.upload-icon{font-size:2rem}.upload-text{font-size:1rem}.preview-controls{flex-direction:column}.preview-controls .btn{width:100%;min-width:auto}.result-container{padding:24px;margin:20px auto;border-radius:16px}.result-box{flex-direction:column;gap:20px;padding:24px 16px;text-align:center}.result-text{align-items:center;text-align:center}.result-icon{width:80px;height:80px;font-size:3rem;margin-bottom:0}.result-title{font-size:1.8rem}.result-description{font-size:1rem;text-align:center}.result-details{padding:24px}.scan-info-grid{grid-template-columns:1fr;gap:16px}.scan-info-item{padding:20px 16px}.recommendations-section{padding:24px}.recommendations-list li{padding:16px 20px}.result-actions{flex-direction:column}.result-actions .btn{width:100%;min-width:auto}.tools-notes{flex-direction:column;text-align:center;padding:var(--spacing-md)}.eye-placeholder{width:150px;height:120px}}@media (max-width: 480px){.section{max-width:100%}.tools-container{padding:60px var(--spacing-sm);max-width:100%;gap:var(--spacing-md)}.tools-title{font-size:2rem;margin-top:64px}.tools-subtitle{font-size:1rem;padding:4px}.tools-content-title{font-size:1.5rem}.tools-content-description{font-size:.9rem}.scan-interface{padding:var(--spacing-sm)}.camera-container{border-radius:var(--border-radius-md)}.file-upload-area{min-height:200px;padding:var(--spacing-md)}.upload-icon{font-size:1.5rem}.upload-text{font-size:.9rem}.upload-hint{font-size:.8rem}.result-container{padding:20px;margin:16px auto;border-radius:12px}.result-box{padding:20px 12px;gap:16px}.result-icon{width:70px;height:70px;font-size:2.5rem}.result-title{font-size:1.5rem}.result-description{font-size:.95rem}.result-details{padding:20px}.scan-details-heading{font-size:1.2rem}.scan-info-item{padding:16px 12px}.scan-info-value{font-size:1.2rem}.recommendations-section{padding:20px}.recommendations-title{font-size:1.1rem}.recommendations-list li{padding:14px 16px;font-size:.9rem}.tools-notes{padding:var(--spacing-sm)}.tools-notes-text{font-size:.85rem}.warning-circle{width:35px;height:35px}.warning-circle i{font-size:1rem}.preview-container{max-width:90%}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.eye-placeholder img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.tools-container{padding:0}.camera-controls,.preview-controls,.result-actions{display:none}.scan-interface,.result-container{box-shadow:none;border:1px solid #ccc}}@view-transition{navigation: auto;}::view-transition-old(root){animation:fade-out .3s ease-out}::view-transition-new(root){animation:fade-in .3s ease-in}.about-hero-section{view-transition-name:about-hero}.about-container{view-transition-name:about-content}.team-section{view-transition-name:team-section}.team-container{view-transition-name:team-container}.footer-logo-section{view-transition-name:footer-logo}::view-transition-old(about-hero){animation:slide-out-up .4s ease-in}::view-transition-new(about-hero){animation:slide-in-down .4s ease-out}::view-transition-old(about-content){animation:fade-out-scale .3s ease-in}::view-transition-new(about-content){animation:fade-in-scale .3s ease-out}::view-transition-old(team-section){animation:slide-out-left .4s ease-in}::view-transition-new(team-section){animation:slide-in-right .4s ease-out}::view-transition-old(team-container){animation:fade-out-blur .3s ease-in}::view-transition-new(team-container){animation:fade-in-blur .3s ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-out-blur{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(5px)}}@keyframes fade-in-blur{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0px)}}#about{background-color:var(--primary-color);padding-top:0}.about-page-container{width:100%;min-height:100vh;justify-content:center;align-items:center}.about-hero-section{background:linear-gradient(#00000014,#00000014),url(/assets/hero-bg-BE-ajOXI.jpg);background-size:cover;background-position:center;color:#fff;padding:80px 0 60px;text-align:left}.about-hero-title{font-size:3rem;font-weight:700;margin-bottom:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.about-content-section{padding:60px 60px 0;background-color:#f5f5f5;width:100%;align-items:center;justify-items:center}.about-container{width:100%;background-color:#fff;display:flex;flex-direction:column;padding:24px;border-radius:12px;gap:32px}.content-block{padding-left:20px;border-left:4px solid var(--primary-color);position:relative}.content-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:16px}.content-text{color:#64748b;line-height:1.6;font-size:1rem;margin-bottom:0}.github-btn{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.github-btn:hover{background-color:#4338ca}.team-section{padding:20px 60px;background-color:#f1f5f9}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:12px;border-radius:12px;background-color:#fff}.team-title{font-size:2rem;font-weight:500;color:#1e293b;margin:0}.view-all-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;justify-content:center;transition:background-color .3s ease}.view-all-btn:hover{background-color:#4338ca}.team-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:100%;margin:0 auto;background-color:#fff;padding:24px;border-radius:12px;opacity:0;transform:scaleY(0) translateY(-20px);transform-origin:top;transition:all .4s cubic-bezier(.4,0,.2,1);filter:blur(3px);max-height:0;overflow:hidden}.team-container.show{opacity:1;transform:scaleY(1) translateY(0);filter:blur(0px);max-height:100%}.team-member{background-color:#fff;border-radius:12px;padding:24px;text-align:center;border:1px solid #E2E8F0;transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--index, 0) * .1s)}.team-container:not(.show) .team-member{opacity:0;transform:translateY(20px) scale(.9)}.team-container.show .team-member{opacity:1;transform:translateY(0) scale(1)}.team-member:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.member-avatar{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;overflow:hidden;background-color:#e0e7ff;display:flex;align-items:center;justify-content:center}.member-image{width:100%;height:100%;object-fit:cover}.member-info{text-align:center}.member-name{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.member-role{font-size:.9rem;color:#64748b;margin:0}.footer-logo-section{padding:80px 0;background-color:#1e293b;text-align:center}.footer-logo{font-size:4rem;font-weight:900;color:#fff;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 768px){.about-hero-title{font-size:2.5rem}.team-header{flex-direction:column;gap:16px;align-items:flex-start}.team-container{grid-template-columns:repeat(2,1fr);gap:16px}.footer-logo{font-size:3rem}}@media (max-width: 480px){.about-hero-title{font-size:2rem}.team-container{grid-template-columns:1fr}.content-block{padding-left:16px}.footer-logo{font-size:2.5rem}}#faq{background-color:#f3f3f3;height:100vh}.faq-section{background-color:#f8f8f8;padding-top:36px;height:100vh;justify-content:center;align-items:center}.faq-container{display:flex;flex-direction:column;max-width:1186px;height:100%;margin:0 auto;justify-content:center;align-items:center}.faq-categories{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.faq-category{padding:var(--spacing-md) var(--spacing-lg);background-color:#fff;border-radius:var(--border-radius-lg);color:#646464;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid #d2d6db;font-weight:500;position:relative;overflow:hidden}.faq-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.faq-category:hover:before{left:100%}.faq-category:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.faq-category.active{background-color:var(--secondary-color);color:var(--light-text);border-color:var(--secondary-color);box-shadow:var(--shadow-md)}.accordion{width:100%;margin-bottom:var(--spacing-lg)}.accordion-item{background-color:var(--card-bg);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid rgba(26,35,126,.1);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.accordion-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.accordion-header{padding:var(--spacing-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);background-color:var(--card-bg)}.accordion-title:before{font-weight:800;color:#1a1a1a}.accordion-title::active{font-weight:800;color:var(--primary-color)}.accordion-icon{color:var(--primary-color);transition:transform .3s ease}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.25,.46,.45,.94);background-color:var(--card-bg)}.accordion-item.active .accordion-content{max-height:1000px}.accordion-body{padding:16px 32px;color:var(--text-color);text-align:left;justify-content:center;line-height:1.7;opacity:0;transform:translateY(-10px);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.accordion-item.active .accordion-body{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.faq-container{max-width:900px;padding:0 var(--spacing-lg)}}@media (max-width: 768px){#faq{height:auto;min-height:100vh}.faq-section{height:auto;min-height:100vh;padding:var(--spacing-xl) 0}.faq-container{max-width:100%;padding:0 var(--spacing-md);height:auto}.faq-categories{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.faq-category{padding:var(--spacing-sm) var(--spacing-md);font-size:14px;min-width:auto;flex:none}.accordion-header{padding:var(--spacing-md);font-size:16px}.accordion-body{padding:var(--spacing-md);font-size:14px;line-height:1.6}}@media (max-width: 480px){.faq-section{padding:var(--spacing-lg) 0}.faq-container{padding:0 var(--spacing-sm)}.faq-categories{gap:var(--spacing-xs)}.faq-category{padding:8px 12px;font-size:13px}.accordion-header{padding:var(--spacing-sm);font-size:15px}.accordion-body{padding:var(--spacing-sm);font-size:13px}.accordion-item{margin-bottom:var(--spacing-sm)}}.login-section,.register-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background-color:#fff}.login-container,.register-container{width:100%;height:100vh;margin:0;padding:0}.login-content,.register-content{display:flex;width:100%;height:100%}.login-left-content{flex:1.5;background-image:url(/assets/hero-bg-BE-ajOXI.jpg);background-size:cover;background-position:right center;position:relative}.register-right-content{flex:1.5;background-image:url(/assets/hero-bg-BE-ajOXI.jpg);background-size:cover;background-position:left center;position:relative}.login-left-content:after,.register-right-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#0000 30%,#000000b3)}.login-right-content,.register-left-content{flex:1;display:flex;justify-content:center;align-items:center;padding:40px;background-color:#fff}.login-main-content,.register-main-content{width:100%;max-width:400px;padding:20px}.login-title,.register-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:36px;line-height:1.2;color:#333;margin-bottom:30px}.login-page-active,.register-page-active{overflow:hidden}.login-page-active #header,.register-page-active #header,.login-page-active #footer,.register-page-active #footer{display:none!important}.login-form-content,.register-form-content{display:flex;flex-direction:column;gap:14px}.login-field,.register-field{width:100%;display:flex;flex-direction:column;gap:8px}.login-field label,.register-field label{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:16px;color:#333}.login-field input,.register-field input{width:100%;padding:12px 16px;border:1px solid #dddddd;border-radius:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;outline:none}.login-field input:focus,.register-field input:focus{border-color:#297afe}.sign-in-btn,.sign-up-btn{width:100%;padding:12px;background-color:#297afe;color:#fff;border:none;border-radius:6px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.sign-in-btn:hover,.sign-up-btn:hover{background-color:#1a6be0}.login-divider,.register-divider{text-align:center;position:relative;margin:20px 0}.divider-text{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:14px;color:#777;background-color:#fff;padding:0 10px;position:relative}.login-divider:before,.register-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#eee;z-index:0}.login-suggestion,.register-suggestion{display:flex;justify-content:center;align-items:center;gap:4px;margin-bottom:20px}.login-suggestion span,.register-suggestion span{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:14px;color:#333}.signup-link,.signin-link{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:14px;color:#297afe;cursor:pointer;text-decoration:none}.signup-link:hover,.signin-link:hover{text-decoration:underline}.login-message,.register-message{padding:12px;border-radius:6px;margin-top:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;text-align:center}.login-message.error,.register-message.error{background-color:#f443361a;color:var(--error-color);border:1px solid var(--error-color)}.login-message.success,.register-message.success{background-color:#4caf501a;color:var(--success-color);border:1px solid var(--success-color)}.sign-in-btn:disabled,.sign-up-btn:disabled,.google-signin-btn:disabled,.google-signup-btn:disabled{background-color:#ccc;cursor:not-allowed}.google-signin,.google-signup{margin-top:10px}.google-signin-btn,.google-signup-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:12px;background-color:#fff;border:1px solid #dddddd;border-radius:6px;gap:10px;cursor:pointer;transition:background-color .3s ease}.google-signin-btn:hover,.google-signup-btn:hover{background-color:#f5f5f5}.google-icon{width:18px;height:18px}.google-signin-btn span,.google-signup-btn span{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:16px;color:#333}@media (max-width: 768px){.login-content,.register-content{flex-direction:column}.login-left-content,.register-right-content{display:none}.login-right-content,.register-left-content{padding:40px 20px}.login-main-content,.register-main-content{padding:0}.login-title,.register-title{font-size:36px;margin-bottom:30px}}.chat-container{min-height:100vh;padding:82px 0;max-width:1272px;margin:0 auto}.chat-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);background:#fff;border-bottom:1px solid #e0e0e0;border-radius:24px 24px 0 0;border:1px solid #d2d6db;border-bottom:none}.chat-back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid #d2d6db;border-radius:8px;color:var(--text-color);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.chat-back-btn:hover{background:#f8f9fa;border-color:var(--primary-color);color:var(--primary-color);transform:translate(-2px)}.chat-back-btn i{font-size:16px}.chat-title{flex:1}.chat-title h2{margin:0 0 4px;font-size:1.5rem;font-weight:600;color:var(--primary-color);font-family:Plus Jakarta Sans,sans-serif}.chat-title p{margin:0;font-size:.9rem;color:#666;font-family:Plus Jakarta Sans,sans-serif}.chat-content{display:flex;flex-direction:column;height:calc(100vh - 260px);border:1px solid #d2d6db;border-top:none;background:#fff;border-radius:0 0 24px 24px;overflow:hidden;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:24px;background:#fff;border-radius:12px;margin-bottom:24px}.chat-messages-container{display:flex;flex-direction:column;gap:16px;min-height:100%}.chat-message{display:flex;width:100%}.chat-message.user-message{justify-content:flex-end}.chat-message.ai-message{justify-content:flex-start}.chat-bubble{max-width:60%;padding:8px 12px;border-radius:8px;word-wrap:break-word}.chat-bubble-grid{max-width:100%;padding:8px 12px;border-radius:8px;word-wrap:break-word}.chat-message.user-message .chat-bubble{background:#5f9bfe;color:#fff}.chat-message.ai-message .chat-bubble{background:#d2d6db;color:#40474f}.chat-message.system .chat-bubble{background:#f4c790;color:#cc7914;border:1px solid #eda145}.chat-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.6;margin:0}.chat-text p{margin:0 0 8px}.chat-text p:last-child{margin-bottom:0}.chat-text ul,.chat-text ol{margin:8px 0;padding-left:20px}.chat-text li{margin:4px 0;line-height:1.5}.chat-text strong{font-weight:600}.chat-text em{font-style:italic}.chat-image{max-width:276px;max-height:197px;border-radius:8px;margin-bottom:8px;object-fit:cover}.chat-image-placeholder{max-width:276px;height:120px;border-radius:8px;margin-bottom:8px;background:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;border:2px dashed #ccc}.chat-image-placeholder i{font-size:24px;margin-bottom:8px}.chat-image-placeholder span{font-size:12px}.chat-input-area{padding:0 26px;background:#fff;margin:0 0 28px}.chat-input-container{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #d2d6db;border-radius:12px;background:#fff}.chat-input-placeholder{flex:1;display:flex;align-items:center}.chat-input{width:100%;border:none;outline:none;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;line-height:1.6;color:#2d3339;background:transparent;resize:none}.chat-input::placeholder{color:#bbc2c9}.chat-input-buttons{display:flex;gap:10px;align-items:center}.chat-btn{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:16px}.chat-btn-primary{background:#297afe;color:#fff}.chat-btn-primary:hover:not(:disabled){background:#1e5bb8;transform:scale(1.05)}.chat-btn-primary.active{background:#1e5bb8}.chat-btn-primary:disabled{background:#bbc2c9;cursor:not-allowed}.chat-btn-secondary{background:#297afe;color:#bbc2c9}.chat-btn-secondary:hover{background:#e8f2ff;color:#297afe}.chat-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:10}.chat-loading-content{text-align:center;padding:24px}.chat-loading-spinner{font-size:24px;color:#297afe;margin-bottom:16px}.chat-loading-text{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;color:#40474f;margin:0}.ai-thinking .thinking-bubble{background:#d2d6db;color:#40474f;padding:12px 16px;border-radius:8px;max-width:200px}.thinking-indicator{display:flex;align-items:center;gap:8px}.thinking-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#40474f;font-style:italic}@media (max-width: 768px){.chat-container{margin:0 16px}.chat-header{padding:var(--spacing-md);gap:var(--spacing-md)}.chat-title h2{font-size:1.3rem}.chat-title p{font-size:.85rem}.chat-content{height:calc(100vh - 240px)}.chat-messages{padding:16px;margin-bottom:24px}.chat-bubble{max-width:85%}.chat-input-area{padding:0 16px}.chat-input{font-size:16px}}@media (max-width: 480px){.chat-container{padding:16px 0;margin:0 8px}.chat-header{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.chat-back-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.chat-back-btn span{display:none}.chat-title h2{font-size:1.2rem}.chat-title p{font-size:.8rem}.chat-content{height:calc(100vh - 200px)}.chat-bubble{max-width:90%}.chat-image{max-width:200px;max-height:150px}}.profile-section{background-color:var(--background-color);min-height:100vh;padding-top:120px;padding-bottom:var(--spacing-xl)}.profile-container{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg);position:relative}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid #e1e5e9}.header-content h1{font-size:2rem;color:var(--text-color);font-weight:600;margin:0 0 var(--spacing-xs) 0}.header-subtitle{color:#6c757d;font-size:.95rem;margin:0;font-weight:400}.header-actions{display:flex;gap:var(--spacing-sm)}.header-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:var(--border-radius-md);background-color:#fff;color:var(--text-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.header-btn:hover{background-color:#f8f9fa;border-color:#9ca3af}.header-btn.back-btn{color:var(--text-color)}.header-btn.cancel-btn{color:#6c757d}.header-btn.save-btn{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.header-btn.save-btn:hover{background-color:#0d1b69;border-color:#0d1b69}.profile-main-content{padding:24px;border-radius:12px;background-color:#fff;margin:0 auto 32px;display:flex;flex-direction:column;gap:var(--spacing-lg);border:1px solid #d2d6db}.profile-picture-section{margin-bottom:0}.profile-picture-section h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-md) 0}.picture-container{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--card-bg);border:1px solid #e1e5e9;border-radius:var(--border-radius-md)}.picture-info{flex:1;display:flex;justify-content:space-between;align-items:center}.picture-details h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-xs) 0}.picture-role{font-size:.9rem;color:#6c757d;margin:0}.upload-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:var(--border-radius-md);background-color:#fff;color:var(--text-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.upload-btn:hover{background-color:#f8f9fa;border-color:#9ca3af}.google-notice{margin-bottom:0;padding:var(--spacing-md);background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:var(--border-radius-md)}.notice-content{display:flex;align-items:center;gap:var(--spacing-sm);color:#1e40af;font-size:.9rem}.notice-content i{font-size:1.1rem;color:#4285f4}.password-warning{margin-bottom:0;padding:var(--spacing-md);background-color:#fffbeb;border:1px solid #fbbf24;border-radius:var(--border-radius-md)}.warning-content{display:flex;align-items:center;gap:var(--spacing-sm);color:#92400e;font-size:.9rem}.warning-content i{font-size:1.1rem;color:#f59e0b;flex-shrink:0}.warning-content span{flex:1}.warning-action-btn{background-color:#f59e0b;color:#fff;border:none;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:var(--spacing-sm)}.fa-key:before{margin-right:4px;color:#fff}.warning-action-btn:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.warning-action-btn i{font-size:.8rem}.profile-info-section{background-color:var(--card-bg);border:1px solid #e1e5e9;border-radius:var(--border-radius-md);margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 0;border-bottom:1px solid #e1e5e9}.section-title h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-xs) 0;text-align:left}.section-title p{font-size:.9rem;color:#6c757d;margin:0}.section-actions{display:flex;gap:var(--spacing-sm)}.section-actions>div{display:flex;gap:var(--spacing-sm)}.profile-content{padding:var(--spacing-lg)}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-image-container{position:relative;cursor:pointer;transition:transform .3s ease}.profile-image-container:hover{transform:scale(1.05)}.profile-image-page{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-color);box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;color:#fff;font-size:.9rem;font-weight:500}.profile-image-container:hover .image-overlay{opacity:1}.image-overlay i{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.profile-info{display:flex;flex-direction:column;gap:4px}.info-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:12px}.info-group label{font-weight:600;color:var(--text-color);font-size:.95rem;margin-bottom:var(--spacing-xs)}.input-group{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.info-display{display:flex;align-items:center;gap:var(--spacing-sm);min-height:48px;padding:14px 16px;background-color:#f8f9fa;border:2px solid #e1e5e9;border-radius:var(--border-radius-md);box-sizing:border-box}.info-value{flex:1;font-size:1rem;color:var(--text-color);font-weight:500}.info-value:empty:before{content:"-";color:#6c757d;font-style:italic}.input-group input{width:100%;padding:14px 16px;border:2px solid #e1e5e9;border-radius:var(--border-radius-md);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;transition:all .3s ease;background-color:#fff;height:48px;box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #1a237e1a}.input-group input::placeholder{color:#6c757d;font-style:italic}.edit-btn{background-color:var(--secondary-color);color:#fff;border:none;padding:0;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.edit-btn:hover{background-color:#1e88e5;transform:translateY(-2px);box-shadow:0 4px 12px #297afe4d}.readonly-indicator{font-size:.85rem;color:#6c757d;font-style:italic;white-space:nowrap;flex-shrink:0;padding:0 var(--spacing-sm)}.profile-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.action-btn{padding:12px 24px;border:none;border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;justify-content:center;min-width:140px}.action-btn i{font-size:1rem}.primary-btn{background-color:var(--primary-color);color:#fff}.primary-btn:hover{background-color:#0d1b69;transform:translateY(-2px);box-shadow:0 4px 12px #1a237e4d}.save-btn{background-color:var(--primary-color);color:#fff}.save-btn:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.cancel-btn{background-color:#aaa;color:#fff}.cancel-btn:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.secondary-btn{background-color:var(--secondary-color);color:#fff}.secondary-btn:hover{background-color:#1e88e5;transform:translateY(-2px);box-shadow:0 4px 12px #297afe4d}.danger-btn{background-color:var(--error-color);color:#fff}.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}#editModeActions{display:flex;gap:var(--spacing-md)}.security-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid #d2d6db;margin-bottom:var(--spacing-lg)}.security-card h3{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.security-card h3:before{content:"🔒";font-size:1.2rem}.security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--background-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);transition:all .3s ease}.security-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.security-item:last-child{margin-bottom:0}.security-info h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.security-info p{color:var(--text-color);opacity:.8;font-size:.9rem;margin:0}.danger-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:2px solid rgba(240,59,46,.363);margin-bottom:var(--spacing-lg)}.danger-card h3{color:var(--error-color);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.danger-card h3:before{content:"⚠️";font-size:1.2rem}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:#f443360d;border-radius:var(--border-radius-md);border:1px solid rgba(244,67,54,.2)}.danger-info h4{color:var(--error-color);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.danger-info p{color:var(--text-color);opacity:.8;font-size:.9rem;margin:0}#profile .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;border-radius:var(--border-radius-lg);font-family:Plus Jakarta Sans,sans-serif}#profile .loading-spinner{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;transform:none!important;animation:none!important;justify-content:center!important;width:auto!important;height:auto!important;background:transparent!important;border:none!important}#profile .loading-spinner-circle{width:40px!important;height:40px!important;border-radius:50%!important;background:transparent!important;position:relative!important;display:block!important;box-sizing:border-box!important;margin:0 auto 16px!important;animation:profileSpinner 1s linear infinite!important;transform-origin:center center!important}#profile .loading-spinner-circle:before{content:""!important;position:absolute!important;top:-4px!important;left:-4px!important;right:-4px!important;bottom:-4px!important;border:4px solid #e0e0e0!important;border-top:4px solid #1a237e!important;border-radius:50%!important;background:transparent!important}@keyframes profileSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#profile .loading-spinner .loading-text{color:#666;font-size:14px;font-weight:400;margin:0;transform:none!important;animation:none!important;position:static;display:block}.message-container{position:fixed;top:100px;right:20px;z-index:1001;max-width:400px}.message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out;position:relative}.message.error{background-color:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f}.message.success{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#388e3c}.success-popup{text-align:center;padding-bottom:20px}.success-popup .success-icon{margin-bottom:16px;padding:12px 0}.success-popup .success-icon i{font-size:80px;color:#4caf50;animation:successPulse .6s ease-in-out}.success-popup .success-message{margin:16px 0 24px}.success-popup .success-message p{color:var(--text-color);line-height:1.5;margin:0;font-size:16px}.success-popup .modal-actions{justify-content:center;margin-top:24px}.success-popup .action-btn{width:100%}@keyframes successPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.message.info{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#1976d2}.message i{font-size:1.2rem;flex-shrink:0}.message span{flex:1;font-weight:500}.message-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .3s ease;flex-shrink:0}.message-close:hover{background-color:#0000001a}@media (max-width: 768px){.profile-container{padding:0 var(--spacing-md)}.profile-main-content{max-width:none;margin:0}.profile-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-content h1{font-size:1.8rem}.header-actions{width:100%;justify-content:flex-end}.picture-container{flex-direction:column;text-align:center;gap:var(--spacing-md)}.picture-info{flex-direction:column;gap:var(--spacing-md)}.section-header{flex-direction:column;align-items:left;gap:var(--spacing-md)}.section-actions{width:100%;justify-content:flex-end}.profile-content{padding:var(--spacing-md)}.security-card,.danger-card{padding:var(--spacing-lg)}.profile-actions{flex-direction:column}.security-item,.danger-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.action-btn{width:100%}.message-container{right:10px;left:10px;max-width:none}}@media (max-width: 480px){.profile-container{padding:0 var(--spacing-sm)}.profile-header h1{font-size:1.8rem}.profile-card,.security-card,.danger-card{padding:var(--spacing-md)}.profile-image-page{width:100px;height:100px}.action-btn{padding:10px 16px;font-size:.9rem;min-width:120px}.security-info h4,.danger-info h4{font-size:1rem}.security-info p,.danger-info p{font-size:.85rem}}#scan-history{background-color:#fff;padding-top:0;min-height:100vh}.scan-history-container{max-width:1200px;margin:0 auto;padding:120px var(--spacing-lg) var(--spacing-xl)}.scan-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid #e0e0e0}.scan-history-header h1{font-size:2.5rem;font-weight:600;color:var(--primary-color);margin:0}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#e0e0e0;color:#fff;border:#999;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;text-decoration:none}.back-btn:hover{background-color:#1e88e5;transform:translateY(-2px)}.scan-history-stats{margin-bottom:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-item{background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);text-align:center;transition:transform .3s ease;border:1px solid #d2d6db}.stat-item:hover{transform:translateY(-5px)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{font-size:1rem;color:var(--text-color);font-weight:500}.scan-history-list{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.scan-list-header,.chat-list-header{background-color:var(--primary-color);color:#fff;padding:var(--spacing-lg)}.scan-list-header h3,.chat-list-header h3{margin:0;font-size:1.5rem;font-weight:600}.scan-items,.chat-items{padding:0}.scan-item,.chat-item{display:flex;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid #e0e0e0;transition:background-color .3s ease;cursor:pointer}.scan-item:hover,.chat-item:hover{background-color:#f8f9fa}.scan-item:last-child,.chat-item:last-child{border-bottom:none}.scan-item-image{width:80px;height:80px;margin-right:var(--spacing-lg);flex-shrink:0}.scan-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-md);border:2px solid #e0e0e0}.scan-placeholder{width:100%;height:100%;background-color:#f0f0f0;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#999;font-size:1.5rem}.view-chat-btn{gap:8px}.scan-item-info{flex:1;margin-right:var(--spacing-lg)}.scan-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.scan-item-title{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0}.scan-item-date{font-size:.9rem;color:#666}.scan-item-result{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-weight:500}.scan-item-result.normal{color:var(--success-color)}.scan-item-result.anemic{color:var(--error-color)}.scan-item-confidence{font-size:.9rem;color:#666}.scan-item-actions,.chat-item-actions{flex-shrink:0}.chat-item-icon{width:60px;height:60px;margin-right:var(--spacing-lg);flex-shrink:0;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.chat-item-info{flex:1;margin-right:var(--spacing-lg)}.chat-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.chat-item-title{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0;max-width:70%;line-height:1.3}.chat-item-date{font-size:.85rem;color:#666;white-space:nowrap}.chat-item-type,.chat-item-scan{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:.9rem;color:#666}.chat-item-type i,.chat-item-scan i{color:var(--secondary-color)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.empty-state{text-align:center;padding:var(--spacing-xl);background-color:var(--card-bg);border-radius:var(--border-radius-lg);border:1px solid #d2d6db}.empty-icon{font-size:4rem;color:#ccc;margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.empty-state p{color:var(--text-color);margin-bottom:var(--spacing-lg);max-width:400px;margin-left:auto;margin-right:auto}.error-state{text-align:center;padding:var(--spacing-xl);background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.error-icon{font-size:4rem;color:var(--error-color);margin-bottom:var(--spacing-lg)}.error-state h3{font-size:1.5rem;color:var(--error-color);margin-bottom:var(--spacing-md)}.error-state p{color:var(--text-color);margin-bottom:var(--spacing-lg)}.loading-container{text-align:center;padding:var(--spacing-xl);background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.scan-history-container{padding:100px var(--spacing-md) var(--spacing-lg)}.scan-history-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.scan-history-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.scan-item,.chat-item{flex-direction:column;text-align:center;gap:var(--spacing-md)}.scan-item-info,.chat-item-info{margin-right:0}.scan-item-header,.chat-item-header{flex-direction:column;gap:var(--spacing-xs)}.chat-item-title{max-width:100%}}@media (max-width: 480px){.scan-history-container{padding:80px var(--spacing-sm) var(--spacing-md)}.scan-history-header h1{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}}.pwa-update-notification,.pwa-install-notification{position:fixed;top:20px;right:20px;z-index:10000;background:linear-gradient(135deg,#1a237e,#3f51b5);color:#fff;border-radius:12px;box-shadow:0 8px 32px #1a237e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:slideInRight .3s ease-out;max-width:350px;min-width:300px}.pwa-notification-content{padding:16px 20px;display:flex;align-items:center;gap:12px;position:relative}.pwa-notification-content i{font-size:1.2rem;color:#42a5f5;flex-shrink:0}.pwa-notification-content span{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.pwa-update-btn,.pwa-install-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0}.pwa-update-btn:hover,.pwa-install-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.pwa-dismiss-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.pwa-dismiss-btn:hover{background:#ffffff1a;color:#fff}.network-status{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;animation:slideInDown .3s ease-out;display:none}.network-status.online{background:#4caf50e6;color:#fff;border-color:#4caf504d}.network-status.offline{background:#f44336e6;color:#fff;border-color:#f443364d;display:block}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(135deg,#1a237e,#3f51b5);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #1a237e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:slideInUp .3s ease-out;display:none;max-width:90vw;text-align:center}.pwa-install-prompt.show{display:block}.pwa-install-prompt h3{margin:0 0 8px;font-size:1.1rem;font-weight:600}.pwa-install-prompt p{margin:0 0 16px;font-size:.9rem;opacity:.9;line-height:1.4}.pwa-install-prompt .btn-group{display:flex;gap:12px;justify-content:center}.pwa-install-prompt button{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.pwa-install-prompt .btn-primary{background:#fff3;color:#fff;border-color:#ffffff4d}.pwa-install-prompt .btn-primary:hover{background:#ffffff4d;border-color:#ffffff80}.pwa-install-prompt .btn-secondary{background:transparent;color:#fffc;border-color:#ffffff4d}.pwa-install-prompt .btn-secondary:hover{background:#ffffff1a;color:#fff}.cache-status{position:fixed;bottom:20px;right:20px;z-index:9998;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;transition:all .3s ease}.cache-status.show{display:block}.cache-status.caching{background:#ffc107e6;color:#333}.cache-status.cached{background:#4caf50e6}.cache-status.error{background:#f44336e6}.offline-indicator{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#f44336,#d32f2f);color:#fff;text-align:center;padding:8px;font-size:.9rem;font-weight:500;z-index:10001;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}.offline-indicator i{margin-right:8px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideInUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.pwa-loading{position:relative;overflow:hidden}.pwa-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.pwa-update-notification,.pwa-install-notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto}.pwa-install-prompt{bottom:10px;left:10px;right:10px;transform:none;max-width:none}.pwa-install-prompt .btn-group{flex-direction:column}.cache-status{bottom:10px;right:10px;font-size:.7rem}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-install-prompt{display:none!important}}@supports (-webkit-touch-callout: none){.pwa-update-notification,.pwa-install-notification{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a237e}.network-status{-webkit-backdrop-filter:none;backdrop-filter:none}.pwa-install-prompt{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a237e}}@media (max-width: 768px){.mobile-menu-btn{display:block;order:3}.nav-links{display:none;position:absolute;top:100%;left:16px;right:16px;width:auto;background-color:#fff;padding:16px;box-shadow:var(--shadow-md);border-radius:16px;margin-top:8px}.nav-links.active{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.mobile-login .login-btn{width:100%;text-align:center}.desktop-only{display:none}header{padding:16px 12px}.navbar{padding:12px 16px;gap:12px}.navbar-shrunk{padding:8px 12px;border-radius:16px;width:280px!important;margin:0 auto}.hero-section{padding:16px 0;min-height:100vh}.hero-body-container{padding:24px 16px;min-height:calc(100vh - 32px)}.hero-title{font-size:42px;width:100%;max-width:600px;line-height:1.1em}.hero-title-container{padding:24px 0}.hero-try-now-btn{padding:14px 32px;font-size:16px}.innovation-statement .container{padding:80px 24px}.statement-text{font-size:32px;line-height:1.3em}.statement-text .typing-cursor{height:1em;width:2px}}@media (max-width: 425px){.hero-title{font-size:28px;line-height:1.1em}.hero-try-now-btn{padding:10px 24px;font-size:14px}.hero-try-now-btn span{font-size:14px}.innovation-statement .container{padding:50px 12px}.statement-text{font-size:20px;line-height:1.3em}.statement-text .typing-cursor{height:.8em;width:2px}}@media (max-width: 480px){.statement-text{font-size:24px;line-height:1.3em}.statement-text .typing-cursor{height:.9em;width:2px}.hero-title{font-size:32px;line-height:1.1em}.hero-try-now-btn{padding:12px 28px;font-size:15px}.hero-try-now-btn span{font-size:15px}.innovation-statement .container{padding:60px 16px}.statement-text{font-size:22px;line-height:1.3em}.scan-options{flex-direction:column;align-items:center;padding-bottom:12px}.scan-option{max-width:100%}.camera-message{font-size:1rem}.camera-hint{font-size:.8rem}}@media (max-width: 375px){.camera-overlay{padding:8px}.camera-message{font-size:.9rem}.camera-hint{font-size:.7rem}.btn,.action-btn{font-size:.8rem}}@media (max-width: 768px){.features-container{flex-direction:column;align-items:center}.feature-card{max-width:500px}}@media (max-width: 768px){.steps-container{flex-direction:column;align-items:center}.step{max-width:400px}}@media (max-width: 768px){.team-container{flex-direction:column;align-items:center}.team-member{flex:none;max-width:400px}}@media (max-width: 768px){.timeline:after{left:20px}.timeline-item{width:100%;left:0!important;padding-left:50px!important;padding-right:0!important;text-align:left!important}.timeline-item:nth-child(odd) .timeline-content:after,.timeline-item:nth-child(2n) .timeline-content:after{left:-40px!important;right:auto!important}}@media (max-width: 768px){.faq-categories{flex-direction:row;align-items:center;max-width:100%}.faq-category{max-width:100%;text-align:center}}@media (max-width: 768px){.tools-title{font-size:40px}.tools-content-title{font-size:24px}.tools-content-description{font-size:18px}.scan-options{align-items:center;padding-bottom:12px}.scan-option-description{overflow:hidden;text-overflow:ellipsis;line-clamp:2}.camera-controls{flex-wrap:wrap}.result-details{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .btn{width:100%}}@media (max-width: 768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.btn{padding:.7rem 1.2rem}.modal-content{width:95%;margin:0 auto}.modal-header,.modal-body{padding:var(--spacing-md)}}@media (max-width: 425px){.section-title{font-size:1.6rem;line-height:1.1}.section-subtitle{font-size:.85rem;line-height:1.3}.btn{padding:.5rem .8rem;font-size:.85rem}.action-btn{padding:8px 12px;font-size:13px}.modal-content{width:98%;margin:4px}.modal-header,.modal-body{padding:12px}.container{padding:8px 12px}.section{padding:var(--spacing-sm) 0}.tools-file-upload{width:100%}.scan-options{padding:8px}}@media (max-width: 480px){.section-title{font-size:1.8rem}.section-subtitle{font-size:.9rem}.btn{padding:.6rem 1rem;font-size:.9rem}.modal-content{width:98%}.modal-header,.modal-body{padding:var(--spacing-sm)}}@media (max-width: 1200px){.hero-title{font-size:52px}.statement-text{font-size:42px;padding:140px 0}.tools-file-upload{width:90%;margin:24px}.preview-container{max-width:90%}.result-container{width:90%}.progress-container{max-width:100%;padding:4px;margin:20px 0}.result-description{font-size:.8rem;margin-top:8px}.tools-notes{margin-top:8px}}@media (max-width: 1024px){.hero-section{min-height:100vh}.hero-body-container{padding:40px 24px}.hero-title{font-size:46px}.statement-text{font-size:38px;padding:100px 0}}@media (max-width: 768px){.section{padding:var(--spacing-lg) 0}.btn,.action-btn{padding:12px 20px;font-size:15px}.section-title{font-size:28px;line-height:1.2;margin-bottom:var(--spacing-md)}.section-subtitle{font-size:16px;line-height:1.4;margin-bottom:var(--spacing-lg)}}@media (max-width: 360px){.hero-title{font-size:28px}.statement-text{font-size:20px}.section-title{font-size:24px}.section-subtitle{font-size:14px}}@media print{header,footer,.mobile-menu-btn,.nav-links,.hero-try-now-btn,.btn,.action-btn{display:none!important}body{background-color:#fff!important;color:#000!important}.section{page-break-inside:avoid}}@media (prefers-contrast: high){:root{--primary-color: #000000;--secondary-color: #0000ff;--text-color: #000000;--background-color: #ffffff;--card-bg: #ffffff}.btn,.action-btn{border:2px solid currentColor}}