@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0B0514;--bg2: #10081C;--bg3: #160A26;--surface: rgba(255,255,255,.03);--surface2: rgba(255,255,255,.05);--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.12);--purple: #8B5CF6;--purple2: #A78BFA;--blue: #3B82F6;--blue2: #60A5FA;--teal: #06B6D4;--pink: #EC4899;--green: #10B981;--amber: #F59E0B;--text: #ffffff;--text2: rgba(255,255,255,.75);--text3: rgba(255,255,255,.45);--radius: 20px;--radius-sm: 12px;--grid-color: rgba(139,92,246,.03);--grid-size: 64px}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(139,92,246,.12) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:-.5px -.5px;pointer-events:none;z-index:0}main>section,main>*{position:relative;z-index:1}#app-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}#app-ambient span:nth-child(1){position:absolute;width:800px;height:800px;border-radius:50%;top:-200px;left:-200px;background:radial-gradient(circle,rgba(139,92,246,.07) 0%,transparent 60%)}#app-ambient span:nth-child(2){position:absolute;width:700px;height:700px;border-radius:50%;bottom:-150px;right:-200px;background:radial-gradient(circle,rgba(236,72,153,.05) 0%,transparent 60%)}#app-ambient span:nth-child(3){position:absolute;width:600px;height:600px;border-radius:50%;top:40%;left:60%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.04) 0%,transparent 60%)}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.15),rgba(236,72,153,.1),transparent);position:relative;z-index:2;margin:clamp(60px,10vw,140px) 0}.grad{background:linear-gradient(135deg,var(--purple2) 0%,var(--pink) 50%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grad-warm{background:linear-gradient(135deg,#F59E0B 0%,var(--pink) 60%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-teal{color:var(--teal)}.glass{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:0 8px 32px #0003}.glass-strong{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:0 12px 40px #0000004d}.btn-purple{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:14px 32px;border-radius:14px;background:linear-gradient(135deg,var(--purple),#7C3AED);color:#fff;font-family:Cairo,sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.btn-purple:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-purple:hover:after{opacity:1}.btn-purple:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8b5cf666,inset 0 1px #ffffff40;border-color:#fff3}.btn-purple:active{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf64d}.btn-blue{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:14px 32px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#2563EB);color:#fff;font-family:Cairo,sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 4px 20px #3b82f64d,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.btn-blue:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-blue:hover:after{opacity:1}.btn-blue:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f666,inset 0 1px #ffffff40;border-color:#fff3}.btn-ghost{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:13px 28px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text2);font-family:Cairo,sans-serif;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-2px)}.orb{position:absolute;border-radius:50%;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 70%);mask-image:radial-gradient(circle at center,black 20%,transparent 70%);will-change:transform}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-dot{display:inline-block;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--purple2);margin-bottom:20px}#scroll-bar{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--blue),var(--teal));transform-origin:left;transform:scaleX(0);z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}.phone-frame{width:280px;min-height:560px;background:#111;border-radius:40px;border:6px solid rgba(255,255,255,.12);box-shadow:0 40px 80px #0009,inset 0 1px #ffffff26;overflow:hidden;position:relative}.phone-notch{width:90px;height:24px;background:#0a0a0a;border-radius:0 0 16px 16px;margin:0 auto;position:relative;z-index:2}@keyframes marquee-f{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes marquee-r{0%{transform:translate(-33.333%)}to{transform:translate(0)}}.nav-desktop{display:flex}.nav-burger{display:none}@media(max-width:860px){.nav-desktop,.nav-cta{display:none!important}.nav-burger{display:flex!important}}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.cell-grid{display:grid}.cell-grid>*{border-left:1px solid var(--border)}.cell-grid>*:first-child{border-left:none}.tab-btn{padding:10px 24px;border-radius:12px;font-family:Cairo,sans-serif;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:all .2s;background:transparent;color:var(--text2)}.tab-btn.active{background:#ffffff0f;border-color:#ffffff1a;color:#fff}.tab-btn:not(.active):hover{background:#ffffff08;color:#fff}.card-type-pill{padding:8px 16px;border-radius:99px;font-family:Cairo,sans-serif;font-weight:700;font-size:13px;border:1px solid var(--border);cursor:pointer;transition:all .2s;background:transparent;color:var(--text2);white-space:nowrap}.card-type-pill.active{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 20px #8b5cf666}.styled-input{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:#fff;font-family:Cairo,sans-serif;font-size:15px;font-weight:600;outline:none;transition:all .2s;direction:rtl}.styled-input::placeholder{color:var(--text3);font-weight:500}.styled-input:focus{border-color:var(--purple);background:#ffffff0d;box-shadow:0 0 0 4px #8b5cf626}.upload-area{border:2px dashed rgba(139,92,246,.25);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;background:#8b5cf605}.upload-area:hover{border-color:var(--purple);background:#8b5cf60f}.wallet-card{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;transition:transform .4s cubic-bezier(.22,1,.36,1)}.wallet-card:hover{transform:translateY(-8px) rotateX(2deg)}@media(max-width:768px){.btn-purple,.btn-blue,.btn-ghost{padding:12px 24px;font-size:14px}.floating-card{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}