*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:linear-gradient(180deg,#f5f7fa,#f0f4ff,#faf5ff 60%,#fff8f8)}body{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:transparent;overflow-x:hidden}#root{min-height:100vh;background:transparent}.app{min-height:100vh;background:transparent;position:relative}.bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#f5f7fa,#f0f4ff,#faf5ff 60%,#fff8f8)}.gem{position:fixed;z-index:1;pointer-events:none}.gem-1{width:280px;top:8%;left:5%;animation:float1 8s ease-in-out infinite}.gem-2{width:60px;bottom:25%;left:22%;animation:float2 6s ease-in-out infinite}.gem-3{width:120px;bottom:12%;right:38%;animation:float3 10s ease-in-out infinite}.gem-4{width:60px;top:14%;left:50%;transform:translate(-50%);animation:float4 9s ease-in-out infinite}.gem-5{width:580px;top:8%;right:-5%;animation:float5 12s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes float4{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}@keyframes float5{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.logo{display:flex;align-items:center;text-decoration:none;color:#000}.logo svg{height:32px;width:auto}.header-right{display:flex;align-items:center;gap:16px}.social{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:10px;transition:all .2s}.social:hover{color:#000;background:#0000000a}.btn-connect{background:#3b82f6;color:#fff;font-weight:600;font-size:15px;padding:12px 24px;border-radius:14px;border:none;cursor:pointer;transition:all .2s}.btn-connect:hover{background:#2563eb;transform:translateY(-1px)}.hero{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 80px;text-align:center;background:transparent}.title{font-size:clamp(32px,5.5vw,68px);font-weight:700;line-height:1.15;color:#000;margin-bottom:24px;letter-spacing:-.02em;max-width:900px}.subtitle{font-size:clamp(15px,2vw,19px);line-height:1.7;color:#6b7280;max-width:620px;margin-bottom:40px}.btn-claim{background:#000;color:#fff;font-weight:600;font-size:17px;padding:18px 48px;border-radius:100px;border:none;cursor:pointer;transition:all .25s;margin-bottom:40px}.btn-claim:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 12px 28px #00000026}.features{display:flex;align-items:center;justify-content:center;gap:40px;font-size:15px;font-weight:500;color:#000}.loading-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-modal{background:#fff;border-radius:24px;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 20px 60px #0003;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.loader{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.check-circle{width:64px;height:64px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;animation:popIn .4s ease}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.loading-text{font-size:18px;font-weight:600;color:#374151}.loading-text.success{color:#22c55e}.toast{position:fixed;bottom:28px;left:28px;z-index:9999;background:#fff;border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #0000001f;border:1px solid rgba(0,0,0,.06);transform:translate(-120%);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.toast.show{transform:translate(0);opacity:1}.toast-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-addr{font-size:13px;font-weight:600;color:#667eea;margin-bottom:2px}.toast-msg{font-size:12px;color:#6b7280}@media (max-width:1024px){.gem-1{width:200px;left:3%}.gem-2{width:50px;bottom:28%;left:18%}.gem-3{width:100px;bottom:15%;right:35%}.gem-4{width:50px;top:12%}.gem-5{width:420px;right:-8%}}@media (max-width:768px){.header{padding:16px 20px}.social{display:none}.btn-connect{padding:10px 20px;font-size:14px}.hero{padding:100px 20px 60px}.features{flex-direction:column;gap:16px}.gem-1{width:140px;top:14%;left:-2%}.gem-2{width:45px;bottom:30%;left:10%}.gem-3{width:90px;bottom:8%;left:35%}.gem-4{width:40px;top:14%;left:50%;transform:translate(-50%)}.gem-5{width:280px;top:42%;right:-12%}.toast{bottom:16px;left:16px;right:16px}.loading-modal{padding:36px 48px}}@media (max-width:480px){.gem-1{width:110px;top:14%;left:-3%}.gem-2{width:40px;bottom:32%;left:8%}.gem-3{width:70px;bottom:6%;left:42%}.gem-4{width:35px;top:14%;left:50%;transform:translate(-50%)}.gem-5{width:220px;top:48%;right:-15%}.loading-modal{padding:32px 40px;margin:0 20px}.loading-text{font-size:16px}}