:root{--ink:#f7f3eb;--muted:#aaa5b4;--line:rgba(255,255,255,.14);--orange:#f3a95e;--mint:#aee8df;--black:#0b0912}
*{box-sizing:border-box}
html{background:#080713;color:var(--ink);font-family:"Geist",sans-serif}
body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 75% 18%,rgba(98,70,154,.42),transparent 31rem),radial-gradient(circle at 18% 85%,rgba(35,126,124,.24),transparent 28rem),linear-gradient(150deg,#070610,#17102b 56%,#090711)}
.tip-cloud{position:fixed;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(ellipse at 20% 35%,rgba(255,255,255,.08),transparent 26%),radial-gradient(ellipse at 75% 72%,rgba(255,255,255,.06),transparent 28%)}
.tip-nav{position:relative;z-index:2;display:flex;max-width:1120px;min-height:72px;margin:auto;padding:0 22px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.tip-brand{color:#fff;font:400 1rem "Bungee",sans-serif;text-decoration:none}
.tip-lang{display:grid;width:42px;height:38px;place-items:center;border:1px solid var(--line);border-radius:9px;color:#fff;font-size:.75rem;font-weight:800;text-decoration:none}
.tip-shell{position:relative;z-index:1;display:grid;max-width:1120px;min-height:calc(100vh - 180px);margin:auto;padding:64px 22px 54px;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:70px;align-items:center}
.tip-kicker{margin:0 0 18px;color:var(--mint);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.tip-copy h1{max-width:690px;margin:0;font:400 clamp(3.3rem,8vw,7.6rem)/.9 "Bungee",sans-serif;letter-spacing:-.045em}
.tip-lead{max-width:540px;margin:28px 0 0;color:#d9d4df;font-size:clamp(1.08rem,2vw,1.42rem);line-height:1.5}
.tip-methods{margin-top:30px}
.tip-methods{display:grid;max-width:520px;gap:13px}.tip-pay{display:flex;min-height:70px;padding:0 20px;align-items:center;justify-content:space-between;border:2px solid #17130f;border-radius:13px;background:var(--orange);box-shadow:0 8px 0 -3px rgba(243,169,94,.55),0 8px 0 0 #17130f;color:#17130f;text-decoration:none;transition:transform 160ms ease}.tip-pay.paypal{background:var(--mint);box-shadow:0 8px 0 -3px rgba(174,232,223,.5),0 8px 0 0 #17130f}.tip-pay span{display:flex;gap:3px;flex-direction:column}.tip-pay strong{font-size:1.05rem}.tip-pay small{font-size:.74rem;font-weight:650;opacity:.72}
.tip-pay:hover{transform:translateY(-3px)}
.tip-pay b{font-size:1.8rem}
.tip-safe{max-width:520px;margin:19px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}
.tip-qr{padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(10,8,18,.72);box-shadow:0 28px 80px rgba(0,0,0,.28);text-align:center;backdrop-filter:blur(16px)}
.tip-qr>p{margin:0 0 17px;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tip-qr img{display:block;width:100%;height:auto;border-radius:14px;background:#fff}
.tip-download{display:inline-block;margin-top:18px;color:var(--mint);font-size:.82rem;font-weight:700;text-decoration:none}
.tip-footer{position:relative;z-index:1;display:flex;max-width:1120px;margin:auto;padding:22px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}
.tip-footer div{display:flex;gap:14px;align-items:center}.tip-footer a{color:#fff;text-decoration:none}
@media(max-width:760px){.tip-shell{min-height:auto;padding-top:45px;grid-template-columns:1fr;gap:45px}.tip-copy h1{font-size:clamp(3rem,16vw,5.2rem)}.tip-pay{max-width:none}.tip-qr{max-width:430px;width:100%;margin:auto}.tip-footer,.tip-footer div{align-items:flex-start;flex-direction:column}.tip-footer{gap:18px}}
@media(prefers-reduced-motion:reduce){.tip-pay{transition:none}}