@import "https://api.fontshare.com/v2/css?f[]=satoshi";
*{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:#0000;background-color:#0000;border:none}body{color:#fff;background-color:#152a38;flex-direction:column;min-height:100vh;margin:0;font-family:Satoshi;font-weight:500;display:flex}.container{width:100%;max-width:800px;margin:0 auto;padding:40px 20px}.logo{justify-content:center;margin-bottom:48px;display:flex}.logo img{width:min(600px,90vw);height:auto}.hero{text-align:center;margin-bottom:64px}.hero h1{background:linear-gradient(135deg,#64cef8,#18e16b);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem}.hero p{opacity:.9;font-size:1.2rem}.instructions{background-color:#ffffff0d;border-radius:16px;margin-bottom:32px;padding:32px}.instructions h2{text-align:center;color:#64cef8;margin-bottom:32px;font-size:1.8rem}.instructions .step{background-color:#64cef81a;border-left:4px solid #64cef8;border-radius:12px;align-items:flex-start;gap:20px;margin-bottom:32px;padding:24px;transition:all .3s;display:flex}.instructions .step:hover{background-color:#64cef826;transform:translate(8px)}.instructions .step:last-child{background-color:#18e16b1a;border-left-color:#18e16b;margin-bottom:0}.instructions .step:last-child:hover{background-color:#18e16b26}.instructions .step:last-child .number{background:linear-gradient(135deg,#18e16b,#64cef8)}.instructions .step .number{background:linear-gradient(135deg,#64cef8,#18e16b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.instructions .step .content{flex:1}.instructions .step .content h3{color:#64cef8;margin-bottom:12px;font-size:1.3rem}.instructions .step .content p{opacity:.9;margin-bottom:16px;line-height:1.6}.instructions .step .content .btn{color:#fff;background:linear-gradient(135deg,#64cef8,#18e16b);border-radius:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #64cef84d}.instructions .step .content .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64cef880}.instructions .step .content .btn:active{transform:translateY(0)}@media (max-width:768px){.hero h1{font-size:2rem}.instructions{padding:20px}.instructions .step{flex-direction:column;padding:20px}.instructions .step .number{margin-bottom:12px}}
