@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#172238;background:#f5f8fd;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 3%,#e3f2ff 0,transparent 27%),#f5f8fd}
.shell{max-width:520px;margin:0 auto;padding:22px 19px 28px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#247eea,#43b7ed);display:grid;place-items:center;color:white;font:800 23px Manrope;box-shadow:0 8px 18px #238be333}
.brand strong{display:block;font:800 14px Manrope;letter-spacing:1.3px}.brand small{display:block;color:#8b98aa;font-size:9px;letter-spacing:1.4px;margin-top:3px}
.secure{font-size:11px;color:#6c7b91;background:white;border:1px solid #e8edf5;border-radius:20px;padding:8px 11px}.secure span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20bd83;margin-right:5px}
.hero{position:relative;overflow:hidden;border-radius:27px;padding:25px 23px 150px;background:linear-gradient(135deg,#eaf5ff,#f4faff 55%,#e9f8ff);border:1px solid #e2effb}
.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#3888ce}.sparkle{font-size:14px;margin-right:5px}
h1{font:800 29px/1.2 Manrope;letter-spacing:-1.2px;margin:17px 0 11px;color:#172b48}h1 em{font-style:normal;color:#2688d8}
.hero p{font-size:12px;line-height:1.7;color:#73849b;max-width:290px;margin:0}
.hero-art{position:absolute;width:100%;height:145px;bottom:0;left:0;overflow:hidden}
.art-orbit{position:absolute;border:1px solid #b7daf8;border-radius:50%;width:230px;height:230px;left:50%;top:30px;transform:translateX(-50%)}
.orbit-two{width:180px;height:180px;top:55px;border-color:#c8e5fa}
.download-symbol{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:76px;height:76px;border-radius:25px;background:linear-gradient(145deg,#2a89e6,#55b7ee);box-shadow:0 14px 35px #368fe644;color:#fff;display:grid;place-items:center;font-size:49px;font-weight:400}
.art-chip{position:absolute;background:#fff;border:1px solid #e5f0fb;color:#3988c8;padding:7px 10px;border-radius:9px;font-size:8px;font-weight:800;letter-spacing:1px;box-shadow:0 6px 18px #4b85b51a}
.chip-one{left:calc(50% - 125px);top:84px}.chip-two{left:calc(50% + 54px);top:19px}
.panel{background:#fff;border:1px solid #e9eef5;border-radius:23px;padding:21px 18px;margin-top:17px;box-shadow:0 12px 35px #243c5b08}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head>div{display:flex;align-items:center;gap:10px}.step{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf6ff;color:#328bd4;font-size:10px;font-weight:800}
h2{font:800 15px Manrope;margin:0}.pill{font-size:8px;letter-spacing:1px;color:#288bd7;background:#eef7ff;padding:7px 9px;border-radius:20px;font-weight:800}
.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e4eaf2;background:#f9fbfe;border-radius:14px;padding:0 12px;height:55px}.link-icon{color:#7c9ab9;font-size:20px}
input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#1b2b42;font:500 12px 'DM Sans'}input::placeholder{color:#a5b1c1}.paste-btn{border:0;background:#eaf4ff;color:#3288d0;font-weight:700;font-size:10px;padding:8px 10px;border-radius:8px}
.hint{font-size:10px;color:#99a5b5;margin:9px 2px 18px}
.primary-btn{width:100%;height:53px;border:0;border-radius:14px;background:linear-gradient(100deg,#247fe1,#39a9e8);color:white;display:flex;align-items:center;justify-content:center;gap:12px;font:700 13px 'DM Sans';box-shadow:0 9px 20px #298ce333;cursor:pointer}
.primary-btn b{font-size:19px;font-weight:500}.primary-btn:disabled{opacity:.65}
.status{display:flex;align-items:center;gap:12px;margin-top:15px;padding:13px;border-radius:12px;background:#f0f7ff;color:#286da9}.status strong{display:block;font-size:12px}.status small{display:block;font-size:10px;color:#7a8da3;margin-top:4px}.status.error{background:#fff2f1;color:#c64c48}.status.success{background:#effaf5;color:#18865d}.hidden{display:none!important}
.spinner{width:19px;height:19px;border:2px solid #c7e2f9;border-top-color:#278cdb;border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}
.delivery{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;background:#fff;border:1px solid #e9eef5;border-radius:18px}.delivery-icon{width:39px;height:39px;border-radius:13px;background:#eff8ff;color:#328bd4;display:grid;place-items:center;font-size:20px;flex:none}.delivery strong{font-size:11px}.delivery p{font-size:10px;line-height:1.5;color:#8996a8;margin:4px 0 0}.check{margin-left:auto;color:#20ae7b;font-weight:800}
footer{text-align:center;color:#a3adba;font-size:9px;letter-spacing:1px;margin-top:24px}footer span{padding:0 5px;color:#55a2dc}
@media(min-width:520px){.shell{padding-top:30px}.hero{padding-top:30px}}