@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Mono&display=swap";:root{--primary-color: #3b82f6;--primary-color-hover: #60a5fa;--secondary-color: #1e3a8a;--accent-color: #06b6d4;--background-color: #1e293b;--container-background: #334155;--content-background: #475569;--text-color: #f8fafc;--border-color: #64748b;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--low-risk-color: #10b981;--medium-risk-color: #f59e0b;--high-risk-color: #ef4444;--highlight-color: #06b6d4;--light-background: #475569;--card-background: #334155;--hover-overlay: rgba(59, 130, 246, .15);--dark-background: #1e293b;--dark-container: #334155;--dark-text: #f8fafc;--dark-border: #64748b;--dark-light-background: #475569;--smooth-transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Segoe UI,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);background-image:radial-gradient(circle at 100% 0%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(6,182,212,.12) 0%,transparent 50%);background-attachment:fixed;padding:0;margin:0;min-height:100vh;overflow-x:hidden;position:relative;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){body{color:var(--dark-text);background-color:var(--dark-background)}.dark-content-container{background-color:var(--dark-container);box-shadow:0 4px 16px #0003}.tab{color:var(--dark-text)}.tab:hover{background-color:#4a6cff1a}.input-field,.url-input{background-color:var(--dark-background);color:var(--dark-text);border-color:var(--dark-border)}.input-field:focus,.url-input:focus{background-color:#1a1e24cc}.image-upload-area{background-color:#1a1e2480;border-color:var(--dark-border)}.loading-container{background-color:var(--dark-light-background)}.analysis-section{background-color:var(--dark-container)}.extracted-text{background-color:#9b59b61a}.extracted-content{background-color:#0003;color:var(--dark-text)}.result-container{background-color:var(--dark-light-background)}.percentage{fill:var(--dark-text)}.recommendation-list li:before,.bullet-list li:before{color:var(--primary-color)}}.app-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.app-container.loaded{opacity:1;transform:translateY(0)}header{text-align:center;margin-bottom:40px;padding:30px 0;position:relative;border-bottom:none}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff03,#ffffff08,#ffffff03);pointer-events:none}header:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}header h1{color:var(--text-color);margin-bottom:15px;font-size:3.5rem;font-weight:700;background:linear-gradient(120deg,#60a5fa,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;position:relative;display:inline-block}header h1:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(120deg,#3b82f6,#06b6d4);filter:blur(25px);opacity:.25;z-index:-1}header p{color:var(--text-color);font-size:1.2rem;opacity:.85;max-width:600px;margin:0 auto}.tab-container{display:flex;margin-bottom:30px;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:12px;background:#1e293bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:5px;border:1px solid rgba(71,85,105,.4);z-index:1}.tab{padding:16px 28px;cursor:pointer;transition:var(--smooth-transition);border-radius:8px;font-weight:600;white-space:nowrap;color:var(--text-color);position:relative;z-index:1;flex:1;text-align:center}.tab:hover{background-color:#3b82f626;color:var(--primary-color-hover)}.tab.active{background:linear-gradient(135deg,#3b82f640,#3b82f61a);box-shadow:0 4px 20px #00000026;color:var(--primary-color-hover);position:relative;overflow:hidden}.tab.active:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#60a5fa,#06b6d4);border-radius:3px}.tab-icon{display:inline-block;margin-right:8px;font-size:18px}.content-container{background:#1e293bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;border-radius:16px;box-shadow:0 10px 40px #0000004d,0 0 0 1px #4755694d inset;min-height:400px;border:none;position:relative;overflow:hidden;animation:fadeIn .5s ease;transition:var(--smooth-transition)}.content-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(30,58,138,.05),transparent 70%);opacity:.5;z-index:-1;pointer-events:none}.content-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f614,#3b82f600,#06b6d414);z-index:-1;border-radius:16px;animation:gradientMove 15s ease infinite alternate}.dark-content-container{display:none}.logo-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.logo-icon{position:relative;display:flex;align-items:center;justify-content:center}.analysis-container{display:flex;flex-direction:column;gap:28px;width:100%;height:auto;min-height:450px;position:relative;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: no-preference){.analysis-container:after{content:"";display:table;clear:both}}.analysis-container h2{color:var(--primary-color);margin-bottom:12px;font-weight:700;position:relative;display:inline-block}.analysis-container h2:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:3px}.input-field,.url-input{width:100%;padding:16px;background:#0c101a80;border:1px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:16px;resize:vertical;transition:var(--smooth-transition);color:var(--text-color);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative!important;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.input-field{min-height:120px;height:auto}.input-field:focus,.url-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cff33;background:#0c101ab3}.url-input{height:55px;font-size:16px}.input-group{position:relative;margin-bottom:24px}.button-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.center-button{justify-content:center}.submit-button,.demo-button,.reset-button,.back-button{padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:var(--smooth-transition);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;z-index:1}.submit-button{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 15px #3b82f666}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa80;background:linear-gradient(135deg,#60a5fa,#22d3ee)}.submit-button:active{transform:translateY(1px);box-shadow:0 2px 10px #3b82f666}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:skew(-25deg);transition:var(--smooth-transition);z-index:-1}.submit-button:hover:before{animation:shine 1.5s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.demo-button{background:linear-gradient(135deg,#d97706,#ea580c);color:#fff;box-shadow:0 4px 15px #d977064d}.demo-button:hover{background:linear-gradient(135deg,#f59e0b,#fb923c);transform:translateY(-2px);box-shadow:0 6px 20px #d9770666}.back-button{background:linear-gradient(135deg,#475569,#334155);color:#fff;min-width:120px;box-shadow:0 4px 15px #4755694d}.back-button:hover{background:linear-gradient(135deg,#64748b,#475569);transform:translateY(-2px);box-shadow:0 6px 20px #47556966}.reset-button{background:linear-gradient(135deg,#dc2626e6,#991b1b);color:#fff;position:absolute;top:10px;right:10px;padding:8px 16px;font-size:14px;box-shadow:0 4px 15px #dc26264d;border-radius:8px}.reset-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.api-status{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a;animation:fadeIn .3s ease}.api-status:before{content:"";width:12px;height:12px;border-radius:50%;margin-right:12px}.api-status.success{background:#2ecc711a;color:var(--success-color);border-left:4px solid var(--success-color)}.api-status.success:before{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color)}.api-status.warning{border-left:4px solid var(--warning-color);color:var(--warning-color)}.api-status.warning:before{content:"⚠️";margin-right:10px;font-size:1rem}.api-status.warning{background:#f39c121a;color:var(--warning-color);border-left:4px solid var(--warning-color)}.api-status.warning:before{background-color:var(--warning-color);box-shadow:0 0 8px var(--warning-color)}.api-key-button{margin-left:10px;padding:6px 12px;background:#fff3;border:1px solid var(--warning-color);border-radius:6px;color:var(--warning-color);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.api-key-button:hover{background:var(--warning-color);color:#fff}.error-message{color:var(--error-color);background:#e74c3c1a;padding:14px 18px;border-radius:10px;border-left:4px solid var(--error-color);font-size:14px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a;animation:fadeIn .3s ease;display:flex;align-items:center}.error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--error-color);border-radius:50%;margin-right:12px;color:#fff;font-weight:700}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#33415599;border-radius:12px;margin:25px 0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 5px 15px #0003;border:1px solid rgba(71,85,105,.3);position:relative;min-height:220px}.loading-feedback{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px}.loading-message{font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.02em;text-shadow:0 0 12px rgba(59,130,246,.4)}.loading-reassurance{margin-top:20px;padding:14px 18px;border-radius:10px;background:#3b82f61f;border-left:4px solid rgba(59,130,246,.7);color:#f1f5f9d9;max-width:520px;animation:fadeIn .4s ease-in}.analysis-stages{display:flex;justify-content:space-between;margin-bottom:25px;position:relative;flex-wrap:wrap;gap:10px}.analysis-stages:before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;background-color:var(--border-color);z-index:0}.stage{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;min-width:80px;max-width:120px}.stage-icon{width:30px;height:30px;border-radius:50%;background:#2e3b5299;display:flex;justify-content:center;align-items:center;margin-bottom:10px;transition:var(--smooth-transition);border:2px solid var(--container-background);box-shadow:0 0 10px #0003}@media (prefers-color-scheme: dark){.stage-icon{border-color:var(--dark-container);background:#2e3b5299}.analysis-stages:before{background-color:var(--dark-border)}}.stage.current .stage-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4);animation:pulse 1.5s infinite;box-shadow:0 0 15px #3b82f699}.stage.completed .stage-icon{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 0 15px #10b98166}.stage.completed .stage-icon:after{content:"✓";color:#fff;font-weight:700}.stage-text{font-size:12px;color:var(--text-color);text-align:center;max-width:100%}@media (prefers-color-scheme: dark){.stage-text{color:var(--dark-text)}}.analysis-status{text-align:center;font-weight:600;margin-top:15px;color:#60a5fa;animation:fadeIn .5s ease-in-out;text-shadow:0 0 20px rgba(96,165,250,.5)}.result-container{background:#1e293bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:30px;border-radius:16px;margin-top:30px;animation:fadeIn .5s ease-in-out;box-shadow:0 10px 40px #0000004d,0 0 0 1px #47556933 inset;color:var(--text-color);width:100%;display:block!important;min-height:200px;visibility:visible!important;opacity:1!important;position:relative;overflow:visible;transition:var(--smooth-transition)}.result-section{background:#33415599;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:25px;border-radius:12px;box-shadow:0 5px 20px #0003;animation:fadeIn .5s ease-in-out;border-left:4px solid rgba(96,165,250,.7);transition:var(--smooth-transition);width:100%;position:relative;overflow:visible;display:block!important;min-height:50px;margin-bottom:20px;visibility:visible!important;opacity:1!important}.result-section:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.analysis-result{display:flex!important;flex-direction:column;gap:25px;width:100%;position:relative;visibility:visible!important;opacity:1!important}.probability-bar-container{display:flex!important;flex-direction:column;width:100%;margin-bottom:30px;padding:20px;background:#33415599;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 5px 20px #0003;border-left:4px solid #60a5fa;animation:fadeIn .5s ease-in-out;position:relative;overflow:visible;z-index:1}.probability-value{font-size:32px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--text-color);z-index:2;position:relative;text-shadow:0 0 10px rgba(0,0,0,.2)}.probability-label{font-size:16px;color:#f0f2f8b3;text-align:center;margin-bottom:15px;z-index:2;position:relative}.probability-bar-background{width:100%;height:16px;background:#0003;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0003;margin-bottom:10px;z-index:1}.probability-bar-fill{height:100%;border-radius:12px;transition:width 1.5s ease-in-out;position:absolute;top:0;left:0;min-width:5px;z-index:1}.result-section h4{color:var(--primary-color);margin-bottom:15px;font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;display:block;font-weight:600}.result-section p{line-height:1.8;margin-bottom:12px;color:#f0f2f8e6;display:block;word-break:break-word;font-size:15px}.button-container{display:flex;justify-content:center;margin-top:25px;width:100%;gap:15px}.result-content{white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:400px;background:#00000026;border-radius:10px;padding:20px;margin-top:15px;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.6;color:var(--text-color)}.score-circle{position:relative;width:150px;text-align:center;margin:0 auto}.circular-chart{display:block;margin:0 auto;max-width:100%;max-height:250px;filter:drop-shadow(0 0 5px rgba(0,0,0,.3))}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:2.8}.circle{fill:none;stroke-width:3.5;stroke-linecap:round;animation:progress 1.8s ease-out forwards}.circle.high-risk{stroke:url(#gradientRed);filter:drop-shadow(0 0 5px rgba(239,68,68,.6))}.circle.medium-risk{stroke:url(#gradientOrange);filter:drop-shadow(0 0 5px rgba(245,158,11,.6))}.circle.low-risk{stroke:url(#gradientGreen);filter:drop-shadow(0 0 5px rgba(16,185,129,.6))}.circular-chart .percentage{fill:#fff;font-size:1em;text-anchor:middle;font-weight:900;font-family:Poppins,Segoe UI,sans-serif;animation:fadeNumber 1.5s ease-out forwards;letter-spacing:-1px}.percentage.high-risk-text{fill:url(#percentageGradientRed);filter:drop-shadow(0 0 8px rgba(239,68,68,.9))}.percentage.medium-risk-text{fill:url(#percentageGradientOrange);filter:drop-shadow(0 0 8px rgba(245,158,11,.9))}.percentage.low-risk-text{fill:url(#percentageGradientGreen);filter:drop-shadow(0 0 8px rgba(16,185,129,.9))}.score-label{font-size:15px;margin-top:12px;color:#f0f2f8b3;text-align:center;font-weight:500}.modern-risk-card{width:100%;max-width:350px;margin:0 auto;animation:fadeIn .6s ease}.risk-indicator{background:#33415599;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(100,116,139,.3);position:relative;overflow:hidden;transition:all .3s ease}.risk-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.6}.risk-indicator.high-risk:before{background:linear-gradient(90deg,transparent,#ef4444,transparent)}.risk-indicator.medium-risk:before{background:linear-gradient(90deg,transparent,#f59e0b,transparent)}.risk-indicator.low-risk:before{background:linear-gradient(90deg,transparent,#10b981,transparent)}.risk-indicator:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.risk-badge{position:absolute;top:15px;right:15px;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;animation:bounceIn .6s ease}.risk-indicator.high-risk .risk-badge{background:linear-gradient(135deg,#ef444433,#ef44441a);box-shadow:0 0 20px #ef44444d}.risk-indicator.medium-risk .risk-badge{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);box-shadow:0 0 20px #f59e0b4d}.risk-indicator.low-risk .risk-badge{background:linear-gradient(135deg,#10b98133,#10b9811a);box-shadow:0 0 20px #10b9814d}.risk-content{margin-bottom:20px}.percentage-display{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.percentage-number{font-size:56px;font-weight:900;line-height:1;letter-spacing:-2px;font-family:Poppins,sans-serif;animation:countUp .8s ease}.percentage-number.high-risk{background:linear-gradient(135deg,#ff6b6b,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(239,68,68,.5))}.percentage-number.medium-risk{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(245,158,11,.5))}.percentage-number.low-risk{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(16,185,129,.5))}.percentage-symbol{font-size:32px;font-weight:700;color:#f8fafc99}.risk-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:5px}.risk-indicator.high-risk .risk-label{color:#ff6b6b}.risk-indicator.medium-risk .risk-label{color:#fbbf24}.risk-indicator.low-risk .risk-label{color:#34d399}.risk-bar-track{height:8px;background:#1e293bcc;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.risk-bar-fill{height:100%;border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.risk-bar-fill.high-risk{background:linear-gradient(90deg,#ff6b6b,#ef4444);box-shadow:0 0 10px #ef444480}.risk-bar-fill.medium-risk{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #f59e0b80}.risk-bar-fill.low-risk{background:linear-gradient(90deg,#34d399,#10b981);box-shadow:0 0 10px #10b98180}.risk-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.score-label-modern{font-size:13px;margin-top:16px;color:#f8fafc80;text-align:center;font-weight:500;text-transform:uppercase;letter-spacing:1.5px}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.result-section ul{padding-left:0;list-style-type:none;margin:0 0 15px}.result-section li{position:relative;padding:10px 10px 10px 28px;border-left:0;margin-bottom:8px;transition:var(--smooth-transition);color:#f0f2f8e6;line-height:1.5;font-size:15px;background:#0000001a;border-radius:8px}.result-section li:hover{background:#00000026;transform:translate(3px)}.bullet-list li:before{content:"•";font-size:25px;color:var(--primary-color);position:absolute;left:10px;top:5px;text-shadow:0 0 5px rgba(74,108,255,.5)}.recommendation-list li{padding-left:35px;border-radius:8px}.recommendation-list li:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 0 8px #0000004d}.recommendation-list li.priority-1:before{content:"1";background:linear-gradient(135deg,#ef4444,#f87171)}.recommendation-list li.priority-2:before{content:"2";background:linear-gradient(135deg,#f59e0b,#fbbf24)}.recommendation-list li.priority-3:before{content:"3";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.recommendation-list li.priority-4:before{content:"4";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.recommendation-list li.priority-5:before{content:"5";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.recommendation-list li.priority-6:before{content:"6";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.recommendation-list li.priority-7:before{content:"7";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.recommendation-list li.priority-8:before{content:"8";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.recommendation-list li.priority-9:before{content:"9";background:linear-gradient(135deg,#3b82f6,#06b6d4)}.extracted-text{border-left:4px solid #06b6d4;background:#06b6d41f;margin-top:15px;border-radius:12px}.extracted-content{font-family:Roboto Mono,monospace;padding:20px;background:#00000026;border-radius:8px;overflow-x:auto;color:#f0f2f8e6;line-height:1.6;font-size:14px;white-space:pre-wrap}@keyframes progress{0%{stroke-dasharray:0 100}}@keyframes fadeNumber{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.image-upload-area{border:2px dashed var(--border-color);border-radius:16px;padding:40px 25px;text-align:center;cursor:pointer;transition:var(--smooth-transition);background:#0000001a;position:relative;min-height:200px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-sizing:border-box;position:relative!important;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;width:100%}.image-upload-area:hover{border-color:var(--primary-color);background:#4a6cff0d;transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.upload-instruction{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-icon{width:70px;height:70px;border-radius:50%;background:#4a6cff1a;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 5px 15px #0000001a}.upload-arrow{border:solid var(--primary-color);border-width:0 3px 3px 0;display:inline-block;padding:8px;transform:rotate(-135deg) translateY(-5px);-webkit-transform:rotate(-135deg) translateY(-5px);box-shadow:0 0 5px #4a6cff4d}.upload-icon:after{content:"";display:block;width:3px;height:18px;background-color:var(--primary-color);position:relative;top:6px;box-shadow:0 0 5px #4a6cff4d}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.image-preview-container{width:100%;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #00000026}.image-preview{max-width:100%;max-height:400px;border-radius:8px;transition:var(--smooth-transition)}footer{text-align:center;margin-top:60px;padding:30px 0;color:#f0f2f899;font-size:14px;position:relative}footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}footer p{max-width:600px;margin:0 auto}.progress-container{margin:35px 0}.progress-stages{display:flex;flex-direction:column;gap:15px;width:100%}.progress-labels{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 5px}.progress-label{font-size:13px;color:#f0f2f899;transition:var(--smooth-transition);flex:1;min-width:100px;text-align:center;position:relative}.progress-label.active{color:var(--primary-color);font-weight:600;text-shadow:0 0 10px rgba(74,108,255,.5)}.progress-label.completed{color:var(--success-color)}.progress-bar-container{position:relative;height:8px;width:100%;background:#0003;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0003 inset,0 1px #ffffff14}.progress-bar-background{position:absolute;top:0;left:0;height:100%;width:100%;background:#28324180;border-radius:10px}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;width:0;border-radius:10px;background:linear-gradient(120deg,#60a5fa40,#3b82f6d9 45%,#22d3eecc,#3b82f6d9 95%);background-size:200% 100%;box-shadow:0 0 18px #3b82f699;transition:width .8s ease;animation:progress-flow 1.5s linear infinite,progress-pulse 2.4s ease-in-out infinite}.progress-marker{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--border-color);z-index:2;transition:var(--smooth-transition)}.progress-marker.active{background:var(--primary-color);box-shadow:0 0 15px var(--primary-color);transform:translateY(-50%) scale(1.2)}.progress-marker.passed{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.progress-marker.connecting{left:20%;margin-left:-7px}.progress-marker.processing{left:40%;margin-left:-7px}.progress-marker.extracting{left:60%;margin-left:-7px}.progress-marker.analyzing{left:80%;margin-left:-7px}.progress-marker.finalizing{left:100%;margin-left:-7px}@keyframes progress-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes progress-pulse{0%,to{box-shadow:0 0 12px #3b82f666}50%{box-shadow:0 0 22px #60a5facc}}.remove-image-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#0009;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:18px;border:none;transition:var(--smooth-transition);z-index:2;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 2px 10px #0003}.remove-image-btn:hover{background:#e74c3ce6;transform:scale(1.1);box-shadow:0 0 15px #e74c3c80}.probability-bar-fill.low-risk{background:linear-gradient(to right,#10b981,#34d399);box-shadow:0 0 15px #10b98180}.probability-bar-fill.medium-risk{background:linear-gradient(to right,#f59e0b,#fbbf24);box-shadow:0 0 15px #f59e0b80}.probability-bar-fill.high-risk{background:linear-gradient(to right,#ef4444,#f87171);box-shadow:0 0 15px #ef444480}.probability-scale{display:flex;justify-content:space-between;font-size:12px;color:#f0f2f899;width:100%;margin-top:5px}.probability-low{color:var(--success-color)}.probability-medium{color:var(--warning-color)}.probability-high{color:var(--error-color)}.low-risk .probability-value{color:var(--success-color);text-shadow:0 0 10px rgba(46,204,113,.3)}.medium-risk .probability-value{color:var(--warning-color);text-shadow:0 0 10px rgba(243,156,18,.3)}.high-risk .probability-value{color:var(--error-color);text-shadow:0 0 10px rgba(231,76,60,.3)}@media (max-width: 768px){.app-container{padding:15px}header{margin-bottom:25px;padding:15px 0}header h1{font-size:2.8rem}header p{font-size:1rem}.content-container{padding:25px}.tab-container{flex-direction:row;flex-wrap:nowrap;padding:4px;gap:4px}.tab{padding:14px 8px;font-size:14px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:0;word-break:break-word;white-space:normal;line-height:1.2}.tab-icon{margin-right:0;margin-bottom:5px;font-size:20px;display:block}.button-group{flex-direction:column}.submit-button,.demo-button,.back-button{width:100%;padding:16px}.analysis-stages{overflow-x:auto;padding-bottom:10px}.stage{min-width:70px}.probability-bar-container{padding:15px}.probability-value{font-size:28px}.probability-label{font-size:14px}.result-container,.result-section{padding:20px}.result-section h4{font-size:18px}.progress-labels{display:none}.analysis-status{margin-top:20px;font-size:16px}.bottom-button button{min-width:100%;padding:16px;font-size:16px;border-radius:10px}.image-upload-area{min-height:150px;padding:20px}}@media (max-width: 480px){header h1{font-size:2.3rem}.content-container{padding:20px;border-radius:12px}.tab{padding:12px 6px;font-size:13px}.tab-icon{margin-bottom:4px;font-size:18px}.image-upload-area{padding:20px;min-height:130px}.upload-icon{width:50px;height:50px}.stage-text{font-size:10px}.score-circle{width:120px}.result-section{padding:15px}.result-section h4{font-size:16px;margin-bottom:12px}.result-section p,.result-section li{font-size:14px}.extracted-content{padding:15px;font-size:13px}}.combined-analysis-form{display:flex;flex-direction:column;width:100%;min-height:450px;position:relative;opacity:1!important;visibility:visible!important}.input-section{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;height:auto;position:relative;width:100%}.social-share-container{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.social-share-title{font-size:14px;margin-bottom:15px;color:var(--text-color);opacity:.8;text-align:center}.social-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.social-button{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.social-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.social-button:active{transform:translateY(0)}.social-button i{margin-right:8px;font-size:16px}.social-button.twitter{background:#1da1f2}.social-button.facebook{background:#3b5998}.social-button.whatsapp{background:#25d366}.social-button.email{background:#ea4335}.social-button.copy{background:#6c757d}.social-button.copy.copied{background:#28a745}.loading-text-container{display:flex!important;justify-content:center;align-items:center;margin:30px 0;min-height:80px}.text-loader{color:#969696;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:28px;-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;padding:15px 25px;display:flex!important;align-items:center;border-radius:12px;background:linear-gradient(135deg,#60a5fa66,#06b6d466)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #60a5fa!important;box-shadow:0 4px 20px #3b82f680,0 0 40px #60a5fa4d!important}.text-loader p{margin:0;color:#fff!important;font-weight:600;white-space:nowrap;display:block!important}.words{overflow:hidden;position:relative;height:50px;margin-left:12px;width:150px;display:block!important}.words:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:20;pointer-events:none}.word{display:block!important;height:50px;line-height:50px;padding-left:0;color:#60a5fa!important;font-weight:700;animation:cycleWords 4s infinite;text-shadow:0 0 20px rgba(96,165,250,.8);white-space:nowrap}@keyframes cycleWords{10%{-webkit-transform:translateY(-102%);transform:translateY(-102%)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}35%{-webkit-transform:translateY(-202%);transform:translateY(-202%)}50%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}60%{-webkit-transform:translateY(-302%);transform:translateY(-302%)}75%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}85%{-webkit-transform:translateY(-402%);transform:translateY(-402%)}to{-webkit-transform:translateY(-400%);transform:translateY(-400%)}}@media (max-width: 768px){.social-buttons{flex-direction:column;width:100%}.social-button{width:100%;justify-content:center}.text-loader{font-size:22px;height:40px;padding:12px 18px}.words{height:40px;width:120px}.word{height:40px;line-height:40px}}.combined-analysis-container{width:100%;max-width:1000px;margin:0 auto;padding:20px}.fraud-analysis{animation:fadeIn .5s ease}.fraud-analysis h2{text-align:center;color:var(--primary-color);margin-bottom:10px;font-weight:700;font-size:2rem;background:linear-gradient(120deg,#60a5fa,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fraud-analysis .subtitle{text-align:center;margin-bottom:30px;color:var(--text-color);opacity:.9;font-size:1.05rem}.fraud-form{width:100%}.input-separator{text-align:center;margin:25px 0;position:relative}.input-separator:before,.input-separator:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.input-separator:before{left:0}.input-separator:after{right:0}.input-separator span{background:var(--background-color);padding:0 20px;color:var(--primary-color);font-weight:600;font-size:.9rem;opacity:.7;position:relative;z-index:1}.text-input-group,.image-input-group{margin-bottom:15px}.input-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--text-color);font-weight:500;font-size:1rem}.label-icon{font-size:1.3rem}.fraud-analysis .input-field{width:100%;padding:14px;border-radius:8px;border:2px solid var(--border-color);background-color:#161c2c66;color:var(--text-color);font-size:.95rem;resize:vertical;transition:all .3s ease}.fraud-analysis .input-field:focus{outline:none;border-color:var(--primary-color);background-color:#161c2c99;box-shadow:0 0 0 3px #3b82f633}.upload-label{display:block;cursor:pointer}.fraud-analysis .image-upload-area{position:relative;border:2px dashed var(--border-color);border-radius:8px;padding:30px;text-align:center;background-color:#161c2c33;transition:all .3s ease;min-height:180px;display:flex;align-items:center;justify-content:center}.fraud-analysis .image-upload-area:hover{border-color:var(--primary-color);background-color:#3b82f61f}.fraud-analysis .file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.fraud-analysis .upload-instruction{pointer-events:none}.fraud-analysis .upload-icon{font-size:3rem;margin-bottom:15px;color:var(--primary-color);opacity:.6}.fraud-analysis .upload-instruction p{color:var(--text-color);font-weight:500;margin-bottom:8px}.fraud-analysis .upload-instruction span{color:var(--text-color);opacity:.6;font-size:.85rem}.fraud-analysis .image-preview-container{position:relative;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);max-height:300px;display:flex;align-items:center;justify-content:center;background:#0000004d}.fraud-analysis .image-preview{max-width:100%;max-height:280px;display:block;object-fit:contain}.fraud-analysis .button-group{display:flex;justify-content:center;margin-top:25px}.fraud-analysis .submit-button{min-width:280px;padding:16px 32px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 15px #3b82f666;transition:all .3s ease;position:relative;overflow:hidden}.fraud-analysis .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa80;background:linear-gradient(135deg,#60a5fa,#22d3ee)}.fraud-analysis .submit-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #3b82f666}.fraud-analysis .submit-button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.fraud-analysis .remove-image-btn{position:absolute;top:10px;right:10px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.fraud-analysis .remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.extracted-text-section{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.extracted-text-section h5{color:var(--primary-color);margin-bottom:8px;font-size:.95rem}.extracted-text{background:#3b82f61f;padding:12px;border-radius:6px;border-left:3px solid var(--primary-color);font-family:monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.analysis-container h2{text-align:center;color:var(--primary-color);margin-bottom:10px;font-weight:700;font-size:2rem;background:linear-gradient(120deg,#60a5fa,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.analysis-container .button-group{display:flex;justify-content:center;margin-top:25px}.analysis-container .submit-button{min-width:280px;padding:16px 32px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 15px #3b82f666;transition:all .3s ease;position:relative;overflow:hidden}.analysis-container .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa80;background:linear-gradient(135deg,#60a5fa,#22d3ee)}.analysis-container .submit-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #3b82f666}.analysis-container .submit-button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@media (max-width: 768px){.fraud-analysis .subtitle{font-size:.95rem}.input-separator{margin:20px 0}.fraud-analysis .image-upload-area{padding:20px;min-height:150px}}