:root{--bg-color:#f8fafc;--panel-bg:#ffffffa6;--panel-border:#ffffff80;--text-color:#0f172a;--text-muted:#475569;--accent-color:#4f46e5;--accent-glow:#4f46e526;--success-color:#059669;--success-glow:#05966926;--error-color:#e11d48;--error-glow:#e11d4826;--input-bg:#f1f5f9b3;--input-focus:#4f46e51a;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}.background-decorations{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glow-orb{filter:blur(100px);opacity:.25;border-radius:50%;position:absolute}.orb-1{background:var(--accent-color);width:300px;height:300px;animation:20s ease-in-out infinite alternate float;top:10%;left:15%}.orb-2{background:#a855f7;width:350px;height:350px;animation:25s ease-in-out infinite alternate-reverse float;bottom:15%;right:15%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-50px)scale(1.1)}}header{text-align:center;z-index:1;margin-bottom:2rem}.logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.logo-icon{font-size:2.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}header h1{background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-muted);max-width:500px;margin-bottom:1.25rem;font-size:1.1rem}.badge-container{justify-content:center;gap:.5rem;display:flex}.badge{letter-spacing:.5px;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.glass-container{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);z-index:1;border-radius:24px;grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:1000px;padding:2.5rem;display:grid;box-shadow:0 20px 40px #0f172a14}@media (width<=768px){.glass-container{grid-template-columns:1fr;gap:2.5rem;padding:1.5rem}}.section-header{border-bottom:1px solid #0f172a14;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.section-icon{font-size:1.5rem}.section-header h2{color:var(--text-color);font-size:1.35rem;font-weight:600}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.85rem;font-weight:600}.input-group input{background:var(--input-bg);border:1px solid var(--panel-border);color:var(--text-color);transition:all var(--transition-speed) ease;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:1rem}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--input-focus)}.secret-input-wrapper{display:flex;position:relative}.secret-input-wrapper input{width:100%;padding-right:3rem}.toggle-password{cursor:pointer;color:var(--text-muted);transition:color var(--transition-speed) ease;background:0 0;border:none;padding:.25rem;font-size:1.1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.toggle-password:hover{color:var(--text-color)}.status-indicator-container{margin-bottom:1.5rem}.status-indicator{border:1px solid var(--panel-border);transition:all var(--transition-speed) ease;background:#ffffff05;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.status-dot{background:var(--text-muted);width:10px;height:10px;transition:all var(--transition-speed) ease;border-radius:50%;box-shadow:0 0 8px #9ca3af66}.status-indicator.success{border-color:var(--success-color);background:#10b9810d}.status-indicator.success .status-dot{background:var(--success-color);box-shadow:0 0 12px var(--success-color)}.status-indicator.error{border-color:var(--error-color);background:#ef44440d}.status-indicator.error .status-dot{background:var(--error-color);box-shadow:0 0 12px var(--error-color)}.output-container{flex-direction:column;gap:.5rem;display:flex}.output-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.copy-btn{border:1px solid var(--panel-border);color:var(--text-color);cursor:pointer;transition:all var(--transition-speed) ease;background:#ffffff0d;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.copy-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-glow)}.output-box{border:1px solid var(--panel-border);word-break:break-all;color:#7c3aed;background:#0f172a08;border-radius:12px;align-items:center;min-height:54px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.95rem;display:flex}#unsign-output{color:#0284c7}footer{text-align:center;color:var(--text-muted);z-index:1;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;font-size:.85rem;display:flex}.github-link{color:var(--text-color);transition:color var(--transition-speed) ease;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.github-link:hover{color:var(--accent-color)}.toast{background:var(--accent-color);color:#fff;opacity:0;pointer-events:none;z-index:999;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 25px #6366f180}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hidden{display:none!important}