*{box-sizing:border-box}:root{--bg-1: #f7f8fc;--bg-2: #eef2ff;--primary: #2563eb;--primary-hover: #1d4ed8;--text: #111827;--muted: #6b7280;--border: rgba(255, 255, 255, .65);--card: rgba(255, 255, 255, .88);--shadow: 0 20px 50px rgba(0, 0, 0, .1);--error-bg: #fee2e2;--error-text: #b91c1c}html,body,#root{min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(34,197,94,.12) 0%,transparent 28%),radial-gradient(circle at top right,rgba(239,68,68,.12) 0%,transparent 28%),radial-gradient(circle at bottom left,rgba(217,70,239,.12) 0%,transparent 28%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}body{overflow-x:hidden}.app{min-height:100vh;position:relative;overflow:hidden;padding:24px 16px 40px}.background-shape{position:absolute;border-radius:999px;filter:blur(60px);opacity:.35;pointer-events:none}.shape-1{width:240px;height:240px;background:#22c55e59;top:-80px;left:-70px}.shape-2{width:280px;height:280px;background:#d946ef38;right:-100px;bottom:-90px}.container{position:relative;z-index:1;width:100%;max-width:520px;margin:0 auto}.hero-card,.result-card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.hero-card{padding:28px 20px 22px;text-align:center}.logo{width:150px;max-width:70%;height:auto;display:block;margin:0 auto 12px}.title{margin:0;font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-.03em}.subtitle{margin:10px 0 0;font-size:1rem;color:var(--muted);line-height:1.5}.search-form{margin-top:24px;display:flex;flex-direction:column;gap:12px}.input{width:100%;height:52px;border:1px solid #dbe3f0;border-radius:16px;padding:0 16px;font-size:1rem;background:#fffffff5;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #93c5fd40}.button{width:100%;height:52px;border:none;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #2563eb38;transition:transform .15s ease,filter .2s ease}.button:hover{filter:brightness(.97)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.75;cursor:not-allowed}.message{margin-top:16px;padding:12px 14px;border-radius:14px;font-size:.95rem;font-weight:600}.error-message{background:var(--error-bg);color:var(--error-text)}.result-card{margin-top:18px;padding:22px 18px}.result-title{margin:0 0 12px;font-size:1.35rem;font-weight:800}.result-row{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid rgba(17,24,39,.08)}.result-row:last-child{border-bottom:none;padding-bottom:0}.label{font-size:.92rem;color:var(--muted);font-weight:600}.value{font-size:1.02rem;font-weight:700;word-break:break-word}@media (min-width: 640px){.app{padding:36px 20px 56px}.hero-card{padding:34px 28px 26px}.result-card{padding:26px 24px}.logo{width:180px}.title{font-size:2.35rem}.subtitle{font-size:1.05rem}.input,.button{height:56px;font-size:1.02rem}.result-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:18px}.value{text-align:right;max-width:58%}}