*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;background:#000;color:#fff;overflow-x:hidden}body>div{width:min(90%,850px);padding:clamp(30px,5vw,60px);background:#0f0f14;border-radius:18px;border:1px solid #1c1c25;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.3s ease}h1{font-size:clamp(2rem,4vw,3rem);font-weight:600;margin-bottom:35px;letter-spacing:2px;color:#fff}input{width:60%;min-width:200px;padding:14px 16px;background:#111114;border:1px solid #222;border-radius:10px;color:#fff;font-size:1rem;outline:none;transition:.3s ease}input:focus{border-color:#a855f7;box-shadow:0 0 8px #a855f766}button{padding:14px 20px;margin-left:10px;background:#a855f7;border:none;border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:.3s ease}button:hover{background:#9333ea}h2{margin-top:35px;font-size:1.4rem;color:#ccc}h3{margin-top:10px;font-weight:400}h3:nth-of-type(3){color:#a855f7}.shimmer{margin:40px auto;width:100%;height:80px;border-radius:12px;background:linear-gradient(90deg,#1a1a1f 25%,#2a2a35,#1a1a1f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}div>div{margin-top:60px;padding-top:20px;width:100%!important}canvas{width:100%!important;max-height:400px!important}@media(max-width:600px){input{width:100%;margin-bottom:15px}h3{margin-bottom:20px}div>div{margin-top:50px}button{width:100%;margin-left:0}canvas{max-height:300px!important}}