.plant-diagnosis-area{padding:40px 0;background:transparent;min-height:100vh;display:flex;align-items:center}.plant-diagnosis-area .container{max-width:1480px}@media(max-width:1200px){.plant-diagnosis-area .container{max-width:100%}}.plant-diagnosis-wrapper{min-height:700px;position:relative;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);overflow:hidden}@media(max-width:768px){.plant-diagnosis-wrapper{min-height:auto;border-radius:12px;margin:0 10px}}.welcome-screen{background:transparent;padding:100px 60px;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:768px){.welcome-screen{padding:60px 20px;min-height:600px}}.welcome-screen .welcome-content{text-align:center;animation:fadeIn .6s ease-out .2s both}.welcome-screen .breadcrumb-area{background:transparent;padding:0 0 20px;margin:0}.welcome-screen .breadcrumb-area .breadcrumb-title{color:#1f2937}.welcome-screen .breadcrumb-area .breadcrumb-subtitle{color:#111827}.welcome-screen .diagnosis-card{background:#fff;border-radius:24px;padding:80px 60px;box-shadow:0 20px 60px rgba(16,185,129,.12);text-align:center;transition:transform .3s ease,box-shadow .3s ease;max-width:1400px;margin:0 auto}.welcome-screen .diagnosis-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(16,185,129,.18)}@media(max-width:768px){.welcome-screen .diagnosis-card{padding:40px 24px;border-radius:16px}}.welcome-icon{margin-bottom:2.5rem}.welcome-icon,.welcome-icon .icon-wrapper{position:relative;display:flex;justify-content:center}.welcome-icon .icon-wrapper{width:200px;height:200px;background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px rgba(0,0,0,.1);align-items:center;border:1px solid #d1fae5}@media(max-width:768px){.welcome-icon .icon-wrapper{width:140px;height:140px}}.welcome-icon .icon-wrapper:before{content:"";position:absolute;inset:0;background:#10b981;opacity:.1;border-radius:50%;filter:blur(40px);animation:pulse 2s ease-in-out infinite}.welcome-icon .icon-wrapper .scan-icon{color:#10b981;font-size:100px;position:relative;z-index:10}@media(max-width:768px){.welcome-icon .icon-wrapper .scan-icon{font-size:70px}}.welcome-icon .icon-wrapper .corner{position:absolute;width:16px;height:16px;border-color:#10b981}.welcome-icon .icon-wrapper .corner.corner-tl{top:16px;left:16px;border-top:2px solid;border-left:2px solid}.welcome-icon .icon-wrapper .corner.corner-tr{top:16px;right:16px;border-top:2px solid;border-right:2px solid}.welcome-icon .icon-wrapper .corner.corner-bl{bottom:16px;left:16px;border-bottom:2px solid;border-left:2px solid}.welcome-icon .icon-wrapper .corner.corner-br{bottom:16px;right:16px;border-bottom:2px solid;border-right:2px solid}.welcome-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;letter-spacing:-.5px}@media(max-width:768px){.welcome-title{font-size:2rem;margin-bottom:1rem}}.welcome-desc{color:#6b7280;font-size:1.25rem;line-height:1.8;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}@media(max-width:768px){.welcome-desc{font-size:1rem;margin-bottom:2rem}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;max-width:900px;margin:40px auto}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}}.features-grid .feature-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#f0fdf4;border-radius:12px;font-size:16px;font-weight:500;color:#064e3b;transition:all .3s ease}@media(max-width:768px){.features-grid .feature-item{padding:14px;font-size:14px}}.features-grid .feature-item:hover{background:#dcfce7;transform:scale(1.05)}.features-grid .feature-item i{font-size:24px}@media(max-width:768px){.features-grid .feature-item i{font-size:18px}}.action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px}@media(max-width:768px){.action-buttons{gap:12px;margin-top:24px}}.action-buttons .action-btn{padding:18px 48px;border-radius:50px;font-size:18px;font-weight:600;transition:all .3s ease;min-width:240px}@media(max-width:768px){.action-buttons .action-btn{width:100%;min-width:unset;padding:14px 32px;font-size:16px}}.action-buttons .action-btn.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 8px 20px rgba(16,185,129,.3)}.action-buttons .action-btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,185,129,.4);background:linear-gradient(135deg,#059669,#047857)}.action-buttons .action-btn.btn-primary.camera-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px rgba(59,130,246,.3)}.action-buttons .action-btn.btn-primary.camera-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px rgba(59,130,246,.4)}.action-buttons .action-btn.btn-outline-primary{border:2px solid #10b981;color:#10b981;background:transparent}.action-buttons .action-btn.btn-outline-primary:hover{background:#10b981;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(16,185,129,.25)}.action-buttons .action-btn:active{transform:translateY(-1px)!important}.action-buttons .action-btn i{font-size:20px}.paste-hint{padding:12px 24px;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:14px;animation:slideInUp .3s ease-out}.paste-hint i{color:#3b82f6}.analysis-screen{position:relative;min-height:600px;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.analysis-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(8px);transform:scale(1.05)}.analysis-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#111827,rgba(17,24,39,.8),transparent)}.scan-container{position:relative;z-index:20;margin-bottom:3rem}.scan-box{width:200px;height:200px;border:1px solid rgba(16,185,129,.3);border-radius:8px;position:relative;overflow:hidden;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 20px 60px rgba(0,0,0,.8)}.scan-box .scan-image{width:100%;height:100%;object-fit:contain;padding:8px}.scan-box .scan-pulse{position:absolute;inset:0;background:rgba(16,185,129,.1);animation:pulse 2s ease-in-out infinite}.scan-box .scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:#10b981;box-shadow:0 0 20px #10b981;animation:scanLine 1.5s linear infinite}.scan-box .scan-corner{position:absolute;width:16px;height:16px;border-color:#10b981}.scan-box .scan-corner.corner-tl{top:8px;left:8px;border-top:2px solid;border-left:2px solid}.scan-box .scan-corner.corner-tr{top:8px;right:8px;border-top:2px solid;border-right:2px solid}.scan-box .scan-corner.corner-bl{bottom:8px;left:8px;border-bottom:2px solid;border-left:2px solid}.scan-box .scan-corner.corner-br{bottom:8px;right:8px;border-bottom:2px solid;border-right:2px solid}.terminal-wrapper{position:relative;z-index:20;width:100%;max-width:400px}.terminal-header{display:flex;align-items:center;gap:.5rem;color:#10b981;margin-bottom:.5rem}.terminal-header .terminal-icon{animation:pulse 2s ease-in-out infinite}.terminal-header .terminal-title{font-size:.75rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px}.terminal-content{background:rgba(0,0,0,.8);border-radius:8px;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;border:1px solid rgba(16,185,129,.2);box-shadow:0 20px 40px rgba(0,0,0,.8)}.terminal-log-old{color:#374151;margin-bottom:.5rem}.terminal-log-old .terminal-prompt{margin-right:.5rem;opacity:.5}.terminal-log-active{color:#10b981;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.terminal-log-active .terminal-cursor{display:inline-block;width:8px;height:16px;background:#10b981;margin-left:4px;vertical-align:middle;animation:blink 1s step-end infinite}.result-screen{display:flex;flex-direction:column;min-height:600px;background:#f9fafb}.result-header{position:relative;background:#111827;color:#fff;overflow:hidden;flex-shrink:0}.result-header-bg{position:absolute;inset:0;opacity:.4}.result-header-bg img{width:100%;height:100%;object-fit:cover;filter:blur(10px)}.result-header-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#111827,transparent)}.result-header-content{position:relative;padding:3rem 1.5rem 2rem}.confidence-badge{display:inline-flex;align-items:center;gap:.25rem;background:rgba(16,185,129,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.confidence-badge,.severity-badge{padding:.5rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-badge.severity-danger{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.severity-badge.severity-warning{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);color:#fcd34d}.severity-badge.severity-success{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.result-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-subtitle{color:#9ca3af;font-size:.875rem;font-style:italic}.result-meta-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;background:hsla(0,0%,100%,.05);padding:.75rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1)}.result-meta-info .meta-item{display:flex;flex-direction:column;gap:.25rem}.result-meta-info .meta-label{color:#6b7280;font-size:.625rem;text-transform:uppercase}.result-meta-info .meta-value{font-weight:600}.result-meta-info .meta-divider{width:1px;height:24px;background:hsla(0,0%,100%,.1)}.result-tabs{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:40}.result-tabs .nav-link{border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:600;font-size:.875rem;padding:.75rem;transition:all .2s}.result-tabs .nav-link.active{border-bottom-color:#10b981;color:#059669;background:#f0fdf4}.result-tabs .nav-link:hover:not(.active){color:#374151}.result-content{flex:1 1;overflow-y:auto;background:#f9fafb;padding-bottom:2rem}.feature-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa;margin-top:8px;flex-shrink:0}.stat-box{background:#f9fafb;padding:.75rem;border-radius:8px}.stat-box small{display:block;margin-bottom:.25rem}.stat-box .stat-value{font-size:1.25rem;font-weight:700;color:#1f2937}.solution-card.solution-hóa-học .card-header{background:#fef2f2}.solution-card.solution-canh-tác .card-header{background:#f0fdf4}.solution-card .card-header{border-bottom:1px solid #e5e7eb;padding:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanLine{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:768px){.welcome-title{font-size:1.5rem}.welcome-icon .icon-wrapper{width:120px;height:120px}.welcome-icon .icon-wrapper .scan-icon{width:60px;height:60px}.result-title{font-size:1.5rem}.scan-box{width:160px;height:160px}}