.aes-container{--aes-bg: #030305;--aes-surface: rgba(15, 15, 20, .6);--aes-surface-hover: rgba(25, 25, 30, .8);--aes-border: rgba(255, 255, 255, .08);--aes-primary: #00e5ff;--aes-primary-glow: rgba(0, 229, 255, .25);--aes-secondary: #7000ff;--aes-text: #f1f5f9;--aes-text-muted: #8b949e;--aes-success: #00ff88;--aes-warning: #ffb000;--aes-danger: #ff003c;--aes-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--aes-font-mono: "Fira Code", "JetBrains Mono", "Roboto Mono", monospace;font-family:var(--aes-font);color:var(--aes-text);max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem;box-sizing:border-box}.aes-mesh-bg{background-color:#030305;background-image:radial-gradient(circle at 15% 50%,rgba(0,229,255,.08),transparent 50%),radial-gradient(circle at 85% 30%,rgba(112,0,255,.12),transparent 50%),radial-gradient(circle at 50% 100%,rgba(0,136,255,.08),transparent 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px;background-position:0 0,0 0,0 0,-1px -1px,-1px -1px}.aes-container *{box-sizing:border-box}.aes-panel{background:var(--aes-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--aes-border);border-radius:12px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.aes-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.aes-panel:hover{border-color:#00e5ff4d;box-shadow:0 10px 50px #00e5ff0d;transform:translateY(-2px)}.aes-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.03em}.aes-subtitle{font-size:1.125rem;color:var(--aes-text-muted);margin-bottom:3rem;line-height:1.6;max-width:800px}.aes-label{display:block;font-family:var(--aes-font-mono);font-size:.75rem;font-weight:500;color:var(--aes-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.aes-textarea{width:100%;min-height:280px;background:#0006;border:1px solid var(--aes-border);border-radius:8px;padding:1.5rem;color:var(--aes-text);font-family:var(--aes-font-mono);font-size:.875rem;resize:vertical;transition:all .3s ease;line-height:1.6}.aes-textarea:focus,.aes-input:focus{outline:none;background:#0009;border-color:var(--aes-primary);box-shadow:inset 0 0 0 1px var(--aes-primary),0 0 20px var(--aes-primary-glow)}.aes-input{width:100%;background:#0006;border:1px solid var(--aes-border);border-radius:8px;padding:1rem 1.25rem;color:var(--aes-text);font-size:1rem;transition:all .3s ease}.aes-btn-primary{background:linear-gradient(135deg,var(--aes-primary) 0%,#0088ff 100%);color:#000;border:none;border-radius:6px;padding:1rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 20px var(--aes-primary-glow);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.aes-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.aes-btn-primary:hover:after{left:150%}.aes-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00e5ff66}.aes-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:var(--aes-surface);color:var(--aes-text-muted);border:1px solid var(--aes-border)}.aes-btn-secondary{background:#ffffff08;color:var(--aes-text);border:1px solid var(--aes-border);border-radius:6px;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.aes-btn-secondary:hover{background:#ffffff14;border-color:var(--aes-text-muted)}.aes-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:900px){.aes-grid-2{grid-template-columns:1fr}}.aes-score-circle{position:relative;width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--aes-primary) calc(var(--score) * 1%),var(--aes-surface-hover) 0);box-shadow:0 0 40px var(--aes-primary-glow),inset 0 0 20px #00000080;margin:0 auto 2.5rem}.aes-score-circle:before{content:"";position:absolute;inset:6px;background:var(--aes-bg);border-radius:50%;border:1px solid var(--aes-border)}.aes-score-circle:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(0,229,255,.2);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{to{transform:rotate(360deg)}}.aes-score-value{position:relative;font-size:4rem;font-weight:800;font-family:var(--aes-font-mono);color:var(--aes-text);text-shadow:0 0 20px var(--aes-primary-glow)}.aes-score-label{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:600;color:var(--aes-text-muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.aes-flag{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem;border-radius:8px;background:#0000004d;border:1px solid var(--aes-border);border-left:4px solid var(--aes-border);margin-bottom:1rem;transition:transform .2s ease,background .2s ease}.aes-flag:hover{background:#00000080;transform:translate(4px)}.aes-flag.critical{border-left-color:var(--aes-danger)}.aes-flag.warning{border-left-color:var(--aes-warning)}.aes-flag.success{border-left-color:var(--aes-success)}.aes-flag-icon{flex-shrink:0;margin-top:.125rem}.aes-flag.critical .aes-flag-icon{color:var(--aes-danger);text-shadow:0 0 10px rgba(255,0,60,.4)}.aes-flag.warning .aes-flag-icon{color:var(--aes-warning);text-shadow:0 0 10px rgba(255,176,0,.4)}.aes-flag.success .aes-flag-icon{color:var(--aes-success);text-shadow:0 0 10px rgba(0,255,136,.4)}.aes-flag-content h4{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.aes-flag-content p{margin:0;font-size:.9rem;line-height:1.5;color:var(--aes-text-muted)}.aes-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--aes-border);padding-bottom:0}.aes-tab{background:none;border:none;color:var(--aes-text-muted);padding:1rem 1.5rem;font-size:.875rem;font-family:var(--aes-font-mono);text-transform:uppercase;letter-spacing:.05em;font-weight:600;cursor:pointer;position:relative;transition:all .3s}.aes-tab:hover{color:var(--aes-text)}.aes-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;transition:background .3s ease}.aes-tab.active{color:var(--aes-primary)}.aes-tab.active:after{background:var(--aes-primary);box-shadow:0 -2px 10px var(--aes-primary-glow)}.aes-pro-badge{background:#ffb00026;color:var(--aes-warning);border:1px solid rgba(255,176,0,.4);font-size:.65rem;padding:.2rem .5rem;border-radius:4px;margin-left:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}.aes-agent-view{font-family:var(--aes-font-mono);white-space:pre-wrap;background:#000;color:var(--aes-success);padding:1.5rem;border-radius:8px;border:1px solid rgba(0,255,136,.3);overflow-y:auto;max-height:500px;font-size:.85rem;line-height:1.6;box-shadow:inset 0 0 20px #00ff880d}.aes-agent-view:before{content:"> AGENT_PARSER_ACTIVEn> INGESTING_DOM_TREE...n> EXTRACTED_TEXT:nn";color:#00ff8880}.aes-result-block{background:#0000004d;border:1px solid var(--aes-border);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.aes-result-label{display:block;font-family:var(--aes-font-mono);font-size:.75rem;color:var(--aes-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.aes-result-value{font-size:1.15rem;line-height:1.6;color:var(--aes-text);font-weight:500}.aes-result-action{font-family:var(--aes-font-mono);font-size:1.25rem;color:var(--aes-primary);font-weight:700;text-shadow:0 0 10px var(--aes-primary-glow)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}
