.cyber-section{--color-bg: #000000;--color-panel: #111827;--color-panel-header: #1f2937;--color-border: #374151;--color-text-main: #f3f4f6;--color-text-muted: #9ca3af;--color-text-darker: #4b5563;--color-blue: #3b82f6;--color-blue-dark: #1d4ed8;--color-blue-light: #60a5fa;--color-purple: #a855f7;--color-green: #22c55e;--color-red: #ef4444;--glow-blue: rgba(59, 130, 246, .5)}.cyber-section{position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;overflow:hidden;background-color:var(--color-bg);font-family:monospace;color:#fff}@media (min-width: 768px){.cyber-section{padding:5rem 1rem}}@media (min-width: 1624px){.cyber-section{min-height:85vh}}.cyber-grid-bg{position:absolute;inset:0;background-image:linear-gradient(to right,#1f2937 1px,transparent 1px),linear-gradient(to bottom,#1f2937 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 70%,transparent 100%);opacity:.2;pointer-events:none}.cyber-glow-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.cyber-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.1}.cyber-glow.blue{top:-10%;left:20%;background-color:var(--color-blue);animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.cyber-glow.purple{bottom:-10%;right:20%;background-color:var(--color-purple)}.cyber-container{position:relative;z-index:10;width:100%;max-width:48rem;text-align:center}.header-content{margin-bottom:4rem}.cyber-badge{display:inline-block;padding:.25rem 1rem;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.3);border-radius:9999px;background-color:#3b82f60d;backdrop-filter:blur(4px)}.cyber-badge-text{color:var(--color-blue-light);font-size:.75rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.main-title{font-size:3rem;font-weight:700;margin-bottom:2rem;color:#fff;letter-spacing:-.05em;text-shadow:0 0 40px var(--glow-blue)}.accent-blue{color:var(--color-blue)}.accent-purple{color:var(--color-purple)}.description{color:#ffffffd2;font-size:1.125rem;max-width:36rem;margin:0 auto;border-left:2px solid rgba(59,130,246,.5);padding-left:1.5rem;text-align:left;font-family:sans-serif;line-height:1.625}.input-wrapper-group{position:relative;max-width:42rem;margin:0 auto}.input-glow-border{position:absolute;inset:-4px;background:linear-gradient(to right,#2563eb,#9333ea,#2563eb);border-radius:.5rem;opacity:.5;filter:blur(8px);transition:opacity 1s,transition-duration .2s}.input-wrapper-group:hover .input-glow-border{opacity:1;transition-duration:.2s}.input-container{position:relative;background-color:#000;border:1px solid #1f2937;border-radius:.5rem;display:flex;align-items:center;padding:.5rem;box-shadow:0 25px 50px -12px #00000040}.input-arrow{padding-left:1rem;padding-right:.75rem;color:#ffffffd1;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cyber-input{width:100%;background:transparent;border:none;color:#fff;font-size:1.25rem;padding:1rem .5rem;font-family:monospace;letter-spacing:.05em;outline:none}.cyber-input::placeholder{color:#ffffffd1}@media (min-width: 768px){.cyber-input{font-size:1.5rem}}.visibility-btn{padding:0 1rem;color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .15s}.visibility-btn:hover{color:#fff}.separator{height:2rem;width:1px;background-color:#1f2937;margin:0 .5rem}.validate-btn{background-color:var(--color-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;font-weight:700;font-family:monospace;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.validate-btn:hover{background-color:var(--color-blue-dark);box-shadow:0 0 15px var(--glow-blue)}.loader-status{margin-top:1rem;font-size:.75rem;font-weight:700;color:var(--color-blue);display:flex;justify-content:center;align-items:center;gap:.5rem}.loader-spinner{width:1rem;height:1rem;border:2px solid var(--color-blue-light);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-note{margin-top:1rem;font-size:.75rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-dot{width:.375rem;height:.375rem;background-color:#22c55e;border-radius:50%}.modal{position:fixed;inset:0;z-index:9999;overflow-y:auto;color:#fff}.modal.hidden{display:none}.modal-backdrop{position:fixed;inset:0;background-color:#111827e6;backdrop-filter:blur(12px);opacity:0;transition:opacity .3s ease-out}.modal-backdrop.open{opacity:1}.modal-wrapper{display:flex;min-height:100%;align-items:center;justify-content:center;padding:1rem;width:100%;position:relative}.modal-panel{position:relative;background-color:#111827;border:1px solid #374151;border-radius:1rem;text-align:left;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:56rem;transform:scale(.95);opacity:0;transition:all .3s ease-out;overflow:hidden}.modal-panel.open{opacity:1;transform:scale(1)}.modal-header{background-color:#1f2937;padding:1rem 1.5rem;border-bottom:1px solid #374151;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1rem;font-weight:600;color:#f3f4f6;font-family:monospace;display:flex;align-items:center;gap:.5rem;margin:0}.pulse-dot{width:.5rem;height:.5rem;background-color:#3b82f6;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .15s}.close-btn:hover{color:#fff}.icon-close{width:1.5rem;height:1.5rem}.modal-body{padding:1.5rem}@media (min-width: 768px){.modal-body{padding:2.5rem}}.status-banner{margin-bottom:2rem;padding:1.5rem;border-radius:.75rem;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s}@media (min-width: 768px){.status-banner{flex-direction:row}}.status-icon{font-size:3rem}.status-text{text-align:center}@media (min-width: 768px){.status-text{text-align:left}}.status-title-text{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;font-family:monospace;letter-spacing:.025em}.status-desc-text{opacity:.9;margin:0}.status-banner.pwned{background-color:#ef44441a;border-color:#ef44444d;color:#fee2e2}.status-banner.pwned .status-title-text{color:#ef4444}.status-banner.safe{background-color:#22c55e1a;border-color:#22c55e4d;color:#dcfce7}.status-banner.safe .status-title-text{color:#4ade80}.grid-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 1024px){.grid-layout{grid-template-columns:repeat(3,1fr)}}.panel{background-color:#0003;border-radius:.75rem;padding:1.5rem;border:1px solid #1f2937}.score-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:.5}.panel-label{font-size:.75rem;font-family:monospace;text-transform:uppercase;color:#6b7280;margin-bottom:.5rem}.panel-heading{font-size:.75rem;font-family:monospace;text-transform:uppercase;color:#6b7280;margin:0 0 1rem;border-bottom:1px solid #1f2937;padding-bottom:.5rem}.strength-value{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.strength-bar-container{width:100%;height:.25rem;background-color:#1f2937;border-radius:9999px;overflow:hidden;margin-top:.5rem}.strength-bar{height:100%;width:0;transition:width 1s ease,background-color .3s}.data-list,.crack-list{display:flex;flex-direction:column;gap:1rem}.data-item,.crack-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.label{color:#9ca3af}.value-mono{color:#fff;font-family:monospace;font-weight:700}.value-blue{color:#60a5fa;text-align:right}.value-purple{color:#c084fc;font-family:monospace}.value-white{color:#fff}.tips-container{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:.75rem;padding:1.5rem}.tips-heading{color:#60a5fa;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.icon-tips{width:1.25rem;height:1.25rem}.tips-list{list-style:none;padding:0;margin:0;color:#d1d5db;font-size:.875rem}.tips-list li{margin-bottom:.5rem;display:flex;align-items:start;gap:.75rem}.modal-footer{background-color:#161b2b;padding:1rem 1.5rem;display:flex;justify-content:flex-end}.btn-finish{display:inline-flex;justify-content:center;border-radius:.375rem;background-color:#2563eb;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;border:none;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background-color .15s}.btn-finish:hover{background-color:#3b82f6}.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-green-400{color:#4ade80}.text-lime-400{color:#a3e635}.text-yellow-400{color:#facc15}.text-orange-400{color:#fb923c}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-white{color:#fff}.bg-green-500{background-color:#22c55e}.bg-lime-500{background-color:#84cc16}.bg-yellow-500{background-color:#eab308}.bg-orange-500{background-color:#f97316}.bg-red-500{background-color:#ef4444}.bg-red-700{background-color:#b91c1c}.bg-gray-700{background-color:#374151}