annator / aimoneyflow /src /styles.css
techprotrade's picture
Add aimoneyflow directory (part 10)
13971d4 verified
Raw
History Blame Contribute Delete
4.02 kB
:root{--bg:#07111f;--bg2:#0d1e31;--panel:rgba(255,255,255,.08);--line:rgba(255,255,255,.14);--text:#f7fbff;--muted:#aab7c8;--gold:#d9b86f;--gold2:#f2d792;--shadow:0 28px 90px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 4%,rgba(118,169,255,.28),transparent 33rem),radial-gradient(circle at 85% 10%,rgba(120,240,255,.13),transparent 24rem),radial-gradient(circle at 90% 90%,rgba(217,184,111,.22),transparent 30rem),linear-gradient(140deg,var(--bg),var(--bg2));min-height:100vh}a{color:inherit;text-decoration:none}.landing{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 36px;background:rgba(3,8,16,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:12px;font-weight:950}.logo span{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;color:var(--gold);background:rgba(217,184,111,.16);border:1px solid rgba(217,184,111,.38)}nav{display:flex;gap:18px;color:var(--muted);font-size:14px;font-weight:800}.hero,.section{max-width:1380px;margin:0 auto;padding:56px 42px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;min-height:calc(100vh - 83px)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,7.4vw,104px);line-height:.88;letter-spacing:-.075em;margin:0 0 24px}h2{font-size:clamp(32px,4vw,58px);line-height:.95;letter-spacing:-.055em;margin-bottom:16px}h3{font-size:26px;margin-bottom:10px}.lead{max-width:780px;color:var(--muted);font-size:21px;line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.btn,button{border:0;cursor:pointer;border-radius:16px;font-weight:900;padding:14px 18px;color:#101722;background:linear-gradient(135deg,var(--gold2),#b88d3a);box-shadow:0 16px 42px rgba(217,184,111,.19);display:inline-flex;align-items:center;justify-content:center}.btn.ghost{color:var(--text);background:rgba(255,255,255,.09);border:1px solid var(--line);box-shadow:none}.chips{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px}.chips span{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px}.glass,.cards article,.start{background:var(--panel);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.glass{padding:28px}.glass p,.section p,.cards p{color:var(--muted);line-height:1.55}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.stats span{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);padding:18px;color:var(--muted)}.stats b{display:block;color:var(--text);font-size:32px}.routes{display:grid;gap:12px;padding:0;margin:0;list-style:none}.routes li{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;padding:14px}.routes em{display:block;color:var(--muted);font-style:normal;font-size:14px;margin-top:3px}.section>h2{max-width:800px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards article{padding:28px}.cards small{color:var(--gold);font-weight:950;text-transform:uppercase;letter-spacing:.14em}.banks{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.banks span{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:20px;padding:16px;text-align:center;font-weight:950}.start{padding:32px}.start p{max-width:760px;color:var(--muted);line-height:1.6}@media(max-width:980px){.hero,.cards{grid-template-columns:1fr}.banks{grid-template-columns:repeat(3,1fr)}nav{display:none}}@media(max-width:640px){.topbar{padding:14px 18px}.hero,.section{padding:34px 20px}.stats,.banks{grid-template-columns:1fr}.lead{font-size:18px}}