:root{
  --bg:#0b0b12;
  --card:#1a1d24;
  --text:#eaeaea;
  --muted:#9ca3af;
  --accent-a:#00FFA3;
  --accent-b:#DC1FFF;
  --glow:rgba(0,255,163,0.4);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"Inter",sans-serif;background:radial-gradient(circle at top left,var(--bg) 0%,#050510 100%);color:var(--text);line-height:1.6;scroll-behavior:smooth;overflow-x:hidden;}

/* Header */
header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:rgba(13,17,23,0.8);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(153,69,255,0.4);box-shadow:0 2px 12px rgba(0,0,0,0.6);flex-wrap:wrap;}
.logo-section{display:flex;align-items:center;gap:12px;}
.logo-animate{width:44px;height:44px;border-radius:50%;animation:pulseGlow 3s infinite ease-in-out;box-shadow:0 0 16px rgba(153,69,255,0.08);transition: transform 0.3s ease;}
.logo-animate:hover{transform:scale(1.15);}
.header-glow{background:linear-gradient(90deg,var(--accent-a),var(--accent-b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(153,69,255,0.12);}
header h1{font-size:1.5rem;font-weight:700;margin:0;}
header p{font-size:0.85rem;color:#9ca3af;margin:0;}
nav{display:flex;align-items:center;gap:22px;}
nav a{color:var(--text);text-decoration:none;font-weight:500;position:relative;transition:color 0.3s;}
nav a::after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-4px;background:var(--accent-a);transition:width 0.3s;}
nav a:hover{color:var(--accent-b);}
nav a:hover::after{width:100%;}
.login-btn{padding:9px 20px;font-size:0.95rem;font-weight:600;background:var(--accent-a);color:#000;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s;box-shadow:0 0 12px var(--glow);}
.login-btn:hover{transform:translateY(-2px) scale(1.05);}

/* Hero */
.hero{text-align:center;padding:90px 20px 70px;background:radial-gradient(circle at top left,rgba(0,255,163,0.15),transparent 70%);}
.hero h2{font-size:2.5rem;margin-bottom:18px;font-weight:700;color:var(--text);}
.hero p{font-size:1.1rem;max-width:650px;margin:0 auto 26px;color:var(--muted);}
.hero .sol-value{margin-top:12px;font-size:1rem;color:var(--accent-b);}
.hero button{padding:15px 32px;font-size:1rem;font-weight:600;background:var(--accent-a);color:#000;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s;box-shadow:0 0 18px var(--glow);}
.hero button:hover{transform:translateY(-3px) scale(1.05);}

/* Crypto Ticker */
.crypto-ticker{overflow:hidden;background:#111113;border-top:1px solid #222;border-bottom:1px solid #222;padding:12px 0;margin:0;}
.ticker-track{display:inline-block;white-space:nowrap;animation:slide 20s linear infinite;}
.ticker-item{display:inline-block;color:var(--text);font-weight:600;padding:0 32px;font-size:0.95rem;border-right:1px solid #333;}
@keyframes slide{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}

/* Features */
.features,.faq{padding:70px 20px;max-width:1150px;margin:auto;}
.features h3,.faq h3{font-size:1.9rem;margin-bottom:32px;text-align:center;color:var(--accent-a);text-shadow:0 0 10px var(--glow);}
.feature-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.card{background:var(--card);border-radius:18px;padding:30px;transition:all 0.3s;text-align:center;border:1px solid #2a2d34;box-shadow:0 0 12px rgba(0,0,0,0.5);}
.card:hover{transform:translateY(-6px);box-shadow:0 0 20px var(--glow);}
.card h4{margin:0 0 14px;font-size:1.2rem;color:var(--accent-a);}
.card p{color:var(--muted);}

/* Floating Icon */
.feature-icon{width:80px;height:80px;margin:0 auto 10px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--glow));}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* AI Trading Bot */
.robot-container{display:flex;flex-direction:column;align-items:center;margin-top:10px;}
.robot{width:120px;height:120px;margin:10px auto;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--glow));}
.robot-text{font-size:1rem;font-weight:600;color:var(--text);margin-top:8px;text-shadow:0 0 8px var(--glow);}

/* Wallet Animation */
.wallet-container{position:relative;height:150px;margin:0 auto 10px;}
.wallet{width:120px;height:70px;background:linear-gradient(145deg,var(--accent-a),var(--accent-b));border-radius:14px;position:relative;box-shadow:0 0 20px var(--glow);transform-style:preserve-3d;animation:wallet-bounce 2s infinite alternate;}
.wallet::before{content:"";position:absolute;top:-12px;left:12px;width:96px;height:12px;background:#fff;border-radius:6px;transform-origin:bottom;animation:wallet-lid 2s infinite alternate;}
.coin{width:16px;height:16px;background:gold;border-radius:50%;position:absolute;top:20px;left:12px;animation:coin-drop 2s infinite ease-in;}
.coin:nth-child(2){left:48px;animation-delay:0.3s;}
.coin:nth-child(3){left:80px;animation-delay:0.6s;}
@keyframes wallet-bounce{0%{transform:translateY(0) rotateX(0);}100%{transform:translateY(-8px) rotateX(5deg);} }
@keyframes wallet-lid{0%{transform:rotateX(0deg);}100%{transform:rotateX(-35deg);} }
@keyframes coin-drop{0%{top:20px;opacity:1;}50%{top:60px;opacity:0.6;}100%{top:80px;opacity:0;}}

/* Graph Animation */
.graph-container{width:120px;height:80px;margin:0 auto;overflow:visible;}
.graph-line{stroke:var(--accent-a);stroke-width:3;fill:none;stroke-dasharray:150;stroke-dashoffset:150;animation:graph-animate 3s forwards;}
@keyframes graph-animate{0%{stroke-dashoffset:150;}100%{stroke-dashoffset:0;}}

/* About Section */
.about-container{background:rgba(26,29,36,0.8);border:1px solid #2a2d34;border-radius:18px;padding:40px;box-shadow:0 0 20px var(--glow);max-width:900px;margin:50px auto;text-align:center;}
.about-container h3{font-size:2rem;color:var(--accent-a);margin-bottom:20px;text-shadow:0 0 10px var(--glow);}
.about-container p{font-size:1.1rem;color:var(--muted);line-height:1.7;}

/* Footer */
footer{padding:50px 20px;background:#111113;border-top:1px solid #222;}
.footer-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));max-width:1150px;margin:auto;}
.footer-col h5{margin-bottom:14px;font-size:1.15rem;color:var(--accent-a);}
.footer-col p,.footer-col a{color:var(--muted);font-size:0.95rem;text-decoration:none;display:block;margin-bottom:6px;}
.social-icons{display:flex;gap:16px;margin-top:12px;}
.social-icons a{color:var(--text);background:var(--card);padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.social-icons a:hover{background:var(--accent-b);color:#fff;}
.footer-bottom{text-align:center;margin-top:34px;font-size:0.85rem;color:var(--muted);}
@media(max-width:640px){.hero h2{font-size:1.8rem;}.hero p{font-size:1rem;}header h1{font-size:1.2rem;}}
@keyframes pulseGlow{0%{box-shadow:0 0 25px rgba(153,69,255,0.06),0 0 40px rgba(0,255,163,0.03);}50%{box-shadow:0 0 40px rgba(153,69,255,0.12),0 0 70px rgba(0,255,163,0.06);}100%{box-shadow:0 0 25px rgba(153,69,255,0.06),0 0 40px rgba(0,255,163,0.03);}}