*{box-sizing:border-box}body{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;margin:0;font-family:Arial,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:20px;width:100%;max-width:720px;padding:32px;box-shadow:0 10px 30px #00000040}h1{text-align:center;margin-top:0}.subtitle{text-align:center;color:#cbd5e1;margin-bottom:24px}.form{flex-wrap:wrap;gap:12px;display:flex}input{border:none;border-radius:12px;flex:1;min-width:250px;padding:14px;font-size:1rem}button{cursor:pointer;color:#0f172a;background:#38bdf8;border:none;border-radius:12px;padding:14px 18px;font-weight:700}.samples{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.samples button{background:#e2e8f0}.loading{color:#93c5fd;margin-top:18px;font-weight:700}.result{background:#0f172a80;border-radius:16px;margin-top:22px;padding:20px}.success{color:#22c55e;font-weight:700}.warning{color:#facc15;font-weight:700}.error{color:#f87171;font-weight:700}