:root{--primary:#61dafb;--primary-dark:#2188ff;--bg-main:#20232a;--bg-surface:#282c34;--text-main:#fff;--text-muted:#abb2bf;--success:#4caf50;--error:#f44336;--border:#333842}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}.container{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:80vh;padding:20px;display:flex}h1{color:var(--primary);text-align:center;font-size:2.5rem;font-weight:700}.form-box{gap:12px;width:100%;max-width:400px;display:flex}.input-field{background-color:var(--bg-surface);border:2px solid var(--border);border-radius:8px;flex:1;padding:12px 16px;transition:border-color .2s}.input-field:focus{border-color:var(--primary);outline:none}.btn-submit{background-color:var(--primary);color:var(--bg-main);border-radius:8px;padding:12px 24px;font-weight:600;transition:background-color .2s}.btn-submit:hover{background-color:var(--primary-dark)}.result-text{color:var(--text-muted);background-color:var(--bg-surface);border-left:4px solid var(--primary);border-radius:8px;padding:12px 20px;font-size:1.2rem;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}