:root{--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-600: #16a34a;--color-green-700: #15803d;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono{font-family:JetBrains Mono,monospace}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-gray-50);color:var(--color-gray-900)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce .6s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background-color:var(--color-gray-100)}::-webkit-scrollbar-thumb{background-color:var(--color-gray-400);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}button:focus-visible,input:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.navigation-container{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem}.navigation-content{max-width:1280px;margin:0 auto}.navigation-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.navigation-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.nav-button:hover{background-color:#e5e7eb}.nav-button.active{background-color:#2563eb;color:#fff}.nav-button.active:hover{background-color:#1d4ed8}.screen1-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:3rem;max-width:48rem;margin:0 auto}.screen1-header{text-align:center;margin-bottom:2rem}.screen1-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.screen1-subtitle{color:#6b7280;margin:0}.screen1-dropzone{border:4px dashed #d1d5db;border-radius:.75rem;padding:4rem;text-align:center;cursor:pointer;background-color:#f9fafb;transition:all .3s ease;position:relative}.screen1-dropzone:hover{border-color:#60a5fa;background-color:#eff6ff}.screen1-dropzone.active{border-color:#3b82f6;background-color:#dbeafe}.screen1-dropzone.uploading{cursor:not-allowed;opacity:.7}.screen1-icon{width:6rem;height:6rem;color:#9ca3af;margin:0 auto 1.5rem}.screen1-drop-text{font-size:1.25rem;color:#374151;font-weight:500;margin:0 0 .5rem}.screen1-formats{font-size:.875rem;color:#6b7280;margin:0}.upload-progress{margin-top:2rem}.progress-bar{width:100%;height:.5rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:#3b82f6;transition:width .3s ease}.progress-text{font-size:.875rem;color:#3b82f6;font-weight:600;margin:0}.screen1-error{margin-top:1rem;padding:.75rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.875rem;text-align:center}.screen1-action{margin-top:2rem;text-align:center}.screen1-button{background-color:#d1d5db;color:#6b7280;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;font-weight:600;border:none;cursor:not-allowed;transition:all .2s}.screen1-button:not(:disabled){background-color:#3b82f6;color:#fff;cursor:pointer}.screen1-button:not(:disabled):hover{background-color:#2563eb}.screen1-hint{font-size:.75rem;color:#9ca3af;margin:.5rem 0 0}.progress-steps{display:flex;flex-direction:column;gap:1rem}.progress-step{display:flex;align-items:center;gap:1rem}.step-icon-container{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon{width:1.25rem;height:1.25rem;color:#fff}.step-icon-pending{width:.75rem;height:.75rem;background-color:#fff;border-radius:50%}.step-content{flex:1}.step-title{font-weight:600;color:#111827;margin:0}.step-message{font-size:.875rem;margin:.25rem 0 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.screen2-wrapper{position:relative}.screen2-overlay{position:absolute;inset:-1.5rem;background-color:#00000080;border-radius:.75rem;pointer-events:none}.screen2-container{position:relative;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:3rem;max-width:48rem;margin:0 auto}.screen2-header{text-align:center;margin-bottom:2rem}.screen2-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.screen2-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem;height:20rem;margin-bottom:2rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.screen2-steps{margin-bottom:2rem}.screen2-footer{text-align:center}.screen2-text{color:#6b7280;font-weight:500;margin:0 0 .5rem}.screen2-dots{display:flex;justify-content:center;gap:.25rem;margin-top:.5rem}.dot{width:.5rem;height:.5rem;background-color:#2563eb;border-radius:50%;animation:bounce .6s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}.image-preview-container{border-radius:.5rem;position:relative;width:100%;max-height:400px;display:flex;align-items:center;justify-content:center}.image-preview-container.blurred{background-color:#1f2937;height:24rem}.preview-image{max-width:100%;max-height:400px;height:auto;width:auto;object-fit:contain}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:1.125rem}.blur-overlay{position:absolute;inset:0;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background-color:#9ca3af80}.blur-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:10}.blur-icon{width:5rem;height:5rem;margin-bottom:1rem}.blur-icon.alert{color:#ef4444}.blur-icon.eye{width:4rem;height:4rem;margin-bottom:1rem}.blur-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.reveal-btn{background-color:#dc2626;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.reveal-btn:hover{background-color:#b91c1c}.confidence-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;border:1px solid;display:inline-flex;align-items:center;gap:.5rem;width:fit-content}.confidence-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge-green{background-color:var(--color-green-50);color:var(--color-green-700);border-color:var(--color-green-100)}.badge-yellow{background-color:#fef9c3;color:#a16207;border-color:#fef08a}.badge-red{background-color:var(--color-red-50);color:var(--color-red-700);border-color:var(--color-red-100)}.security-card{background:#fff;border-radius:1rem;box-shadow:0 10px 40px -10px #3b82f626;border:1px solid rgba(229,231,235,.5);transition:transform .2s ease;padding:1.5rem}.security-card:hover{transform:translateY(-5px)}.primary-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f626;transition:background-color .2s;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary-btn:not(:disabled){background-color:var(--color-blue-600);color:#fff}.primary-btn:not(:disabled):hover{background-color:var(--color-blue-500);background-color:#3b82f6}.primary-btn:disabled{background-color:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;box-shadow:none}.screen3-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.screen3-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.screen3-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#dcfce7,#bbf7d0);border-radius:.75rem;padding:1rem;min-height:400px}.screen3-results{display:flex;flex-direction:column;justify-content:center}.screen3-header{text-align:center;margin-bottom:2rem}.screen3-icon{width:6rem;height:6rem;color:#16a34a;margin:0 auto 1rem}.screen3-title{font-size:1.875rem;font-weight:700;color:#16a34a;margin:0 0 .5rem}.screen3-subtitle{color:#6b7280;margin:0}.screen3-bars{margin-bottom:2rem}.screen3-button{width:100%;background-color:#16a34a;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.screen3-button:hover{background-color:#15803d}@media(max-width:768px){.screen3-grid{grid-template-columns:1fr}}.demo-banner{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;text-align:center;font-size:.875rem;font-weight:500}.screen4-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.screen4-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.screen4-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#fee2e2,#fecaca);border-radius:.75rem;padding:1rem;min-height:400px}.screen4-results{display:flex;flex-direction:column;justify-content:center}.screen4-header{text-align:center;margin-bottom:2rem}.screen4-icon-wrapper{width:6rem;height:6rem;background-color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.screen4-icon{width:4rem;height:4rem;color:#fff}.screen4-title{font-size:1.875rem;font-weight:700;color:#dc2626;margin:0 0 .5rem}.screen4-subtitle{color:#6b7280;margin:0}.screen4-bars{margin-bottom:2rem}.screen4-actions{display:flex;flex-direction:column;gap:.75rem}.screen4-button{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.screen4-button.primary{background-color:#dc2626;color:#fff}.screen4-button.primary:hover{background-color:#b91c1c}.screen4-button.secondary{background-color:#e5e7eb;color:#374151}.screen4-button.secondary:hover{background-color:#d1d5db}@media(max-width:768px){.screen4-grid{grid-template-columns:1fr}}.image-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.image-modal-content{background:#fff;border-radius:1rem;max-width:900px;max-height:90vh;width:100%;overflow:auto;position:relative;box-shadow:0 20px 60px #00000080}.image-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.image-modal-close:hover{background:#000000e6;transform:scale(1.1)}.image-modal-image-container{width:100%;max-height:500px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem 1rem 0 0}.image-modal-image{width:100%;height:100%;object-fit:contain;max-height:500px}.image-modal-details{padding:2rem}.image-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.image-modal-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem}.image-modal-status.safe{background:var(--color-green-100);color:var(--color-green-700)}.image-modal-status.suggestive{background:#fef9c3;color:#a16207}.image-modal-status.unsafe{background:var(--color-red-100);color:var(--color-red-700)}.image-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin:0}.image-modal-subtitle{color:var(--color-gray-500);font-size:.875rem;margin-top:.25rem}.image-modal-labels{margin-top:1.5rem}.image-modal-labels-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.image-modal-labels-list{display:flex;flex-direction:column;gap:.75rem}.image-modal-label-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-gray-50);border-radius:.5rem}.image-modal-label-name{color:var(--color-gray-700);font-weight:500;text-transform:capitalize}.history-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;cursor:pointer}.history-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.history-card.safe{border-bottom:4px solid #10b981}.history-card.suggestive{border-bottom:4px solid #f59e0b}.history-card.unsafe{border-bottom:4px solid #ef4444}.history-image-container{position:relative;width:100%;height:160px;background:#f3f4f6;overflow:hidden}.history-img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.history-img.blurred{filter:blur(12px);transform:scale(1.1)}.history-icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.history-card.safe .history-icon-fallback{background:linear-gradient(to bottom right,#dbeafe,#d1fae5)}.history-card.suggestive .history-icon-fallback{background:linear-gradient(to bottom right,#fef3c7,#fde68a)}.history-card.unsafe .history-icon-fallback{background:linear-gradient(to bottom right,#fee2e2,#fed7aa)}.history-icon{width:4rem;height:4rem}.history-icon.safe{color:#16a34a}.history-icon.suggestive{color:#f59e0b}.history-icon.unsafe{color:#dc2626}.unsafe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:.9rem;font-weight:500;z-index:10}.reveal-btn,.hide-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 12px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:background .2s}.reveal-btn:hover,.hide-btn:hover{background:#fff6}.hide-btn{position:absolute;top:8px;right:8px;background:#00000080;border:none}.history-details{padding:12px}.history-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px;gap:8px}.history-name{font-weight:600;font-size:.9rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-safe{background:#d1fae5;color:#059669}.badge-warning{background:#fef3c7;color:#d97706;border:1px solid #fcd34d}.badge-unsafe{background:#fee2e2;color:#dc2626}.history-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280}.meta-row{display:flex;align-items:center;gap:4px}.screen5-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.screen5-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.screen5-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.screen5-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.clear-history-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fee2e2;color:#dc2626;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-history-btn:hover{background-color:#fecaca}.screen5-filters{display:flex;gap:.5rem}.filter-button{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.filter-button{background-color:#e5e7eb;color:#374151}.filter-button:hover{background-color:#d1d5db}.filter-button.active{background-color:#e5e7eb;color:#374151;font-weight:600}.filter-button.safe{background-color:#dcfce7;color:#166534}.filter-button.safe.active{background-color:#bbf7d0}.filter-button.suggestive{background-color:#fef3c7;color:#92400e}.filter-button.suggestive.active{background-color:#fde68a}.filter-button.unsafe{background-color:#fee2e2;color:#991b1b}.filter-button.unsafe.active{background-color:#fecaca}.filter-dot{width:.5rem;height:.5rem;border-radius:50%}.filter-dot.safe{background-color:#16a34a}.filter-dot.suggestive{background-color:#f59e0b}.filter-dot.unsafe{background-color:#dc2626}.screen5-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.screen5-empty p{margin:.5rem 0}.empty-hint{font-size:.875rem;color:#9ca3af}.screen5-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.screen5-stats{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:2rem}.stat-item{display:flex;gap:.5rem}.stat-label{color:#6b7280;font-weight:500}.stat-value{font-weight:700;color:#111827}.stat-value.safe{color:#16a34a}.stat-value.suggestive{color:#f59e0b}.stat-value.unsafe{color:#dc2626}@media(max-width:1024px){.screen5-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.screen5-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.screen5-grid{grid-template-columns:1fr}}.screen6-container{background-color:#f8fafc;min-height:100%;padding:2rem}.screen6-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.screen6-header-icon{width:2.5rem;height:2.5rem;color:#3b82f6;flex-shrink:0}.screen6-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .25rem}.screen6-subtitle{color:#6b7280;margin:0;font-size:.9375rem}.screen6-content{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}.config-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 40px -10px #3b82f626;border:1px solid #e5e7eb}.config-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.config-card-icon{width:1.5rem;height:1.5rem;color:#3b82f6;flex-shrink:0;margin-top:.2rem}.config-card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.config-card-description{font-size:.875rem;color:#6b7280;margin:0}.threshold-display{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:.75rem}.threshold-value{font-size:3rem;font-weight:700;color:#2563eb;font-family:JetBrains Mono,monospace}.threshold-hint{font-size:.875rem;color:#6b7280;margin:.5rem 0 0}.slider-container{position:relative}.slider{width:100%;height:.5rem;border-radius:9999px;appearance:none;cursor:pointer;outline:none}.slider::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#3b82f6;cursor:pointer;box-shadow:0 2px 8px #3b82f666;transition:all .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 8px #3b82f666}.slider-markers{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af;margin-top:.5rem;font-family:JetBrains Mono,monospace}.toggles-list{display:flex;flex-direction:column;gap:1.25rem}.toggle-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.75rem}.toggle-info{flex:1}.toggle-title{font-weight:600;color:#111827;margin:0 0 .25rem}.toggle-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.toggle{position:relative;width:3.5rem;height:2rem;border-radius:9999px;border:none;cursor:pointer;transition:background-color .2s;background-color:#d1d5db;flex-shrink:0}.toggle.active{background-color:#2563eb}.toggle-thumb{position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.toggle-thumb.active{transform:translate(1.5rem)}.config-info-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;color:#1e40af;font-size:.875rem;line-height:1.5}.config-info-card p{margin:0}.config-info-card svg{flex-shrink:0;margin-top:.1rem}.screen-suggestive-container{max-width:1200px;margin:0 auto}.demo-banner.warning{background:linear-gradient(to right,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e;padding:.75rem 1rem;border-radius:.5rem;text-align:center;margin-bottom:1.5rem}.screen-suggestive-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:2px solid #f59e0b}.screen-suggestive-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#fef3c7,#fde68a);border-radius:.75rem;padding:1rem;min-height:400px}.screen-suggestive-results{display:flex;flex-direction:column;gap:1.5rem}.screen-suggestive-header{text-align:center}.screen-suggestive-icon{width:4rem;height:4rem;color:#f59e0b;margin:0 auto 1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.screen-suggestive-title{font-size:1.75rem;font-weight:700;color:#d97706;margin:0 0 .5rem}.screen-suggestive-subtitle{color:#92400e;font-size:1rem;margin:0}.screen-suggestive-bars{display:flex;flex-direction:column;gap:.75rem}.screen-suggestive-info{background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem;text-align:center}.screen-suggestive-info p{margin:0;color:#92400e;font-size:.875rem}.screen-suggestive-button{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(to right,#f59e0b,#d97706);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.screen-suggestive-button:hover{background:linear-gradient(to right,#d97706,#b45309);transform:translateY(-1px)}@media(max-width:768px){.screen-suggestive-grid{grid-template-columns:1fr}.screen-suggestive-image{min-height:300px}}.decrypt-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.decrypt-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.decrypt-title{font-family:Courier New,monospace;font-size:3rem;font-weight:700;letter-spacing:.05em;color:transparent;background:linear-gradient(45deg,#111827 30%,#3b82f6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(59,130,246,.3));margin:0;line-height:1.2}@media(min-width:768px){.decrypt-title{font-size:4.5rem}}.decrypt-subtitle-container{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.decrypt-subtitle{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;color:#6b7280;font-size:.875rem;letter-spacing:.2em;text-transform:uppercase}.decrypt-bar{height:.25rem;background-color:#3b82f6;border-radius:9999px;margin-top:.5rem}.decrypt-loading{position:absolute;bottom:2.5rem;font-family:Courier New,monospace;font-size:.75rem;color:#9ca3af;letter-spacing:0em}.app{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.app-content{max-width:1280px;margin:0 auto;padding:1.5rem;width:100%}@media(max-width:640px){.app-content{padding:1rem}}