:root{--font-body: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--color-bg: #0f111a;--color-surface: #1e2130;--color-surface-hover: #292d42;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-secondary: #ec4899;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-border: #334155;--gradient-main: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--shadow-lg: 0 10px 30px -10px rgba(139, 92, 246, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-main);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);padding:.75rem 1rem;border-radius:.5rem;width:100%;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf633}.container{max-width:1000px;margin:0 auto;padding:2rem}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.generator-form{background:var(--color-surface);padding:2rem;border-radius:1rem;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-weight:500;color:var(--color-text-muted);font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.btn-primary{background:var(--gradient-main);color:#fff;padding:1rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:opacity .2s,transform .1s;text-align:center}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.result-display{margin-top:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .5s ease}.result-header{background:var(--color-surface-hover);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.result-header h3{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text-main);margin:0}.btn-copy{font-size:.85rem;color:var(--color-primary);font-weight:600;padding:.5rem 1rem;border-radius:2rem;background:#8b5cf61a;transition:all .2s ease}.btn-copy:hover{background:#8b5cf633}.result-content{padding:1.5rem;color:var(--color-text-muted);line-height:1.7}.result-content p{margin-bottom:1rem}.result-content p:last-child{margin-bottom:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}