@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-color:#080a0f;--card-bg:#1e232d99;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#60a5fa26,#0000 25%),radial-gradient(circle at 85% 30%,#a78bfa26,#0000 25%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%;max-width:1200px;padding:2rem}.app-container{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}@media (width<=860px){.app-container{grid-template-columns:1fr}}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0006}h1{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-top:0;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem;line-height:1.5}.form-group{margin-bottom:1.75rem}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;font-size:.8rem;font-weight:600;display:block}input[type=text],input[type=url]{box-sizing:border-box;border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0000004d;border-radius:10px;padding:.9rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .25s}input[type=text]:focus,input[type=url]:focus{background:#00000080;border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #60a5fa26}.answers-list{flex-direction:column;gap:.85rem;display:flex}.add-btn{border:1px dashed var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;width:100%;margin-top:.25rem;padding:.9rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .25s}.add-btn:hover{color:#f8fafc;background:#ffffff08;border-color:#c084fc}.preview-container{flex-direction:column;display:flex;position:sticky;top:2rem}.preview-card{color:#000;background:#fff;border-radius:16px;min-height:250px;margin-bottom:1.5rem;padding:2.5rem;transition:all .3s;box-shadow:0 25px 50px -12px #00000040}.copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;padding:1.25rem;font-size:1.05rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #8b5cf64d}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #8b5cf666}.copy-btn:active{transform:translateY(0)}