*{font-family:Arial,sans-serif!important}
html::before{content:"";position:fixed;z-index:9000;inset:-35%;pointer-events:none;background:radial-gradient(circle at 18% 30%,rgba(224,177,62,.16) 0,transparent 19%),radial-gradient(circle at 82% 70%,rgba(151,101,13,.13) 0,transparent 22%),radial-gradient(circle at 60% 12%,rgba(255,218,112,.08) 0,transparent 15%);filter:blur(28px);animation:hazaAmbientMove 18s ease-in-out infinite alternate}body::after{content:"";position:fixed;z-index:2147483001;left:-45%;top:-25%;width:70%;height:160%;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,223,132,.045) 48%,transparent 68%);transform:rotate(8deg);animation:hazaGoldSweep 12s ease-in-out infinite}.haza-particle-layer{position:fixed;z-index:2147483000;top:0;bottom:0;left:50%;width:min(100%,480px);transform:translateX(-50%);overflow:hidden;pointer-events:none}.haza-particle-layer i{position:absolute;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:#ffe09a;opacity:var(--particle-opacity);box-shadow:0 0 8px rgba(255,197,63,.95);animation:hazaRandomFloat var(--particle-duration) var(--particle-delay) ease-in-out infinite}@keyframes hazaAmbientMove{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(7%,4%,0) scale(1.08)}100%{transform:translate3d(-1%,8%,0) scale(.96)}}@keyframes hazaRandomFloat{0%{transform:translate3d(0,18px,0) scale(.7);opacity:.15}25%{opacity:var(--particle-opacity)}50%{transform:translate3d(var(--particle-drift),-38px,0) scale(1.2);opacity:var(--particle-opacity)}75%{opacity:var(--particle-opacity)}100%{transform:translate3d(var(--particle-end-drift),18px,0) scale(.7);opacity:.15}}@keyframes hazaGoldSweep{0%,20%{transform:translateX(-35%) rotate(8deg);opacity:0}45%{opacity:1}75%,100%{transform:translateX(240%) rotate(8deg);opacity:0}}@media(prefers-reduced-motion:reduce){html::before,body::after,.haza-particle-layer i{animation:none!important}}
.portfolio-grams{position:relative;z-index:2;margin-top:3px;color:#ead17f;font-size:9.7px;letter-spacing:.16em}.portfolio-grams strong{font-size:16.6px;letter-spacing:.04em;color:#fff;margin-right:3px}
.balance-card:after{content:"HAZA"!important}.transaction-list{border:1px solid #24231e;border-radius:16px;background:#10100e;overflow:hidden}.transaction{display:flex;align-items:center;padding:15px 13px;border-bottom:1px solid #211f1b}.transaction:last-child{border-bottom:0}.transaction>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-right:11px;font-style:normal;font-size:20.7px}.transaction>i.buy{background:rgba(77,163,105,.1);color:#72b486}.transaction>i.reward{background:rgba(214,169,55,.12);color:var(--gold)}.transaction>i.sell{background:rgba(195,91,70,.1);color:#c5796b}.transaction>div{display:flex;flex-direction:column;gap:4px}.transaction>div b{font-size:12.4px}.transaction small{display:block;font-size:8.3px;color:#6e6a62;margin-top:4px}.transaction>strong{margin-left:auto;text-align:right;font-size:11px;color:#d3b555}.transaction>strong small{font-weight:400}
:root{--gold:#d6a937;--light:#f6d873;--bg:#050505;--card:#11110f;--muted:#85827a;--line:rgba(214,169,55,.16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111;color:#f8f5ed;font-family:Montserrat,Arial,sans-serif}body{display:flex;justify-content:center}.phone{position:relative;width:100%;max-width:480px;min-height:100vh;overflow:hidden;background:var(--bg);box-shadow:0 0 80px #000}.auth-screen{padding:48px 22px 28px;display:flex;flex-direction:column}.ambient{position:absolute;width:340px;height:340px;border-radius:50%;background:#9e7013;filter:blur(110px);opacity:.16;top:-180px;left:70px}.stars{position:absolute;inset:0;pointer-events:none}.stars span{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--light);box-shadow:0 0 8px var(--gold);animation:twinkle var(--duration) var(--delay) infinite}.auth-brand{text-align:center;position:relative;z-index:1;margin-bottom:34px}.logo-halo{position:relative;margin:auto;width:112px;height:112px;display:grid;place-items:center}.logo-halo:before,.logo-halo:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(214,169,55,.2)}.logo-halo:before{inset:0;animation:spin 12s linear infinite;border-top-color:var(--gold)}.logo-halo:after{inset:10px}.logo-halo img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(240,183,48,.35));animation:float 4s ease-in-out infinite}.auth-brand p{font:700 22px "Cormorant Garamond",serif;letter-spacing:.22em;color:var(--light);margin:10px 0 4px}.auth-brand>span{font-size:9.7px;letter-spacing:.32em;color:#716e65}.auth-card{position:relative;z-index:1;background:linear-gradient(150deg,rgba(22,22,19,.96),rgba(9,9,8,.98));border:1px solid var(--line);border-radius:26px 26px 8px 8px;padding:30px 24px 26px;box-shadow:0 28px 70px rgba(0,0,0,.5)}.auth-card:before{content:"";position:absolute;top:-1px;left:35%;right:35%;height:1px;background:var(--light);box-shadow:0 0 16px var(--gold)}.auth-title{text-align:center;margin-bottom:25px}.auth-title>span{font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold)}.auth-title h1{font:700 32px "Cormorant Garamond",serif;margin:7px 0 5px}.auth-title p{margin:0;color:var(--muted);font-size:13.8px}.input-group{display:block;margin:16px 0}.input-group>b{display:block;font-size:11px;letter-spacing:.18em;color:#aaa69b;margin:0 0 8px 4px}.input-group>span{position:relative;display:block}.input-group i{position:absolute;left:16px;top:17px;color:#927530;font-style:normal;font-size:15.2px}.input-group input{width:100%;height:50px;border:1px solid #282720;border-radius:12px;background:#090908;color:#eee;padding:0 64px 0 42px;font:500 11px Montserrat;outline:none;transition:.25s}.input-group input:focus{border-color:#896b28;box-shadow:0 0 0 3px rgba(214,169,55,.07)}.input-group input::placeholder{color:#4f4d47}.eye{position:absolute;right:9px;top:10px;height:30px;border:0;background:none;color:#71643f;font:700 7px Montserrat;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 4px 22px;font-size:11px;color:#76736c}.form-row input{accent-color:var(--gold)}a{color:var(--gold);text-decoration:none}.primary-btn{width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(100deg,#9b7020,#e8c45e,#a97a25);color:#171207;font:700 9px Montserrat;letter-spacing:.18em;display:flex;align-items:center;justify-content:center;gap:20px;box-shadow:0 10px 26px rgba(184,132,29,.17)}.primary-btn:active{transform:scale(.98)}.primary-btn.loading{filter:saturate(.4);pointer-events:none}.switch-page{text-align:center;font-size:12.4px;color:#716e67;margin:23px 0 0}.switch-page a{font-weight:700}.alert{padding:12px;border-radius:10px;border:1px solid rgba(213,89,67,.3);background:rgba(213,89,67,.08);color:#dc9283;font-size:12.4px;line-height:1.5;margin-bottom:17px}.auth-screen>footer{text-align:center;margin-top:auto;padding-top:24px;color:#3f3d38;font-size:8.3px;letter-spacing:.2em}.register-screen{padding-top:24px}.auth-brand.compact{margin-bottom:16px}.auth-brand.compact .logo-halo{width:75px;height:75px}.auth-brand.compact .logo-halo img{width:58px;height:58px}.auth-brand.compact p{font-size:22.1px;margin-top:4px}.register-screen .auth-card{padding-top:25px}.register-screen .input-group{margin:12px 0}.register-screen .input-group input{height:46px}.register-screen .input-group i{top:15px}.back{position:absolute;z-index:3;left:22px;top:28px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold)}
/* dashboard */.dashboard{padding:25px 20px 100px;background:radial-gradient(circle at 100% 0,rgba(153,108,20,.14),transparent 28%),#060606}.topbar{display:flex;justify-content:space-between;align-items:center;margin:5px 2px 25px}.topbar small,.section-head small{font-size:9.7px;letter-spacing:.2em;color:#77746c}.topbar h1{font:700 24px "Cormorant Garamond",serif;margin:4px 0 0;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #7d622a;background:linear-gradient(145deg,#2a2415,#0a0a09);font:700 17px "Cormorant Garamond";color:var(--light)}.welcome-toast{font-size:12.4px;padding:11px 13px;border:1px solid rgba(81,165,110,.3);background:rgba(81,165,110,.08);color:#88ca9f;border-radius:10px;margin-bottom:14px}.balance-card{height:214px;border-radius:24px;padding:23px;position:relative;overflow:hidden;background:linear-gradient(135deg,#352a13,#aa7c25 47%,#32230d);box-shadow:0 22px 50px rgba(117,77,8,.2);border:1px solid #a88034}.balance-card:before{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,228,142,.18);border-radius:50%;right:-70px;top:-85px}.balance-card:after{content:"HA";position:absolute;right:-8px;bottom:-45px;font:700 150px "Cormorant Garamond";color:rgba(255,236,174,.06)}.shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.09),transparent 60%)}.balance-top,.balance-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.balance-top span{font-size:11px;letter-spacing:.17em;font-weight:700}.balance-top img{width:27px;height:27px;vertical-align:middle;margin-right:7px}.balance-card>p{font-size:9.7px;letter-spacing:.16em;color:#dec77f;margin:30px 0 6px}.balance-card h2{font:700 35px "Cormorant Garamond";margin:0}.balance-bottom{margin-top:22px;border-top:1px solid rgba(255,255,255,.14);padding-top:13px;font-size:15.2px}.balance-bottom span b,.balance-bottom small{font-size:8.3px;letter-spacing:.14em;color:#d3ba75}.quick,.market,.activity{margin-top:28px}.quick h3,.section-head h3{font:700 20px "Cormorant Garamond";margin:0 0 15px}.quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick a{display:flex;flex-direction:column;align-items:center;gap:9px;color:#8c8981;font-size:9.7px}.quick i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#11110f;border:1px solid var(--line);color:var(--gold);font-style:normal;font-size:26.2px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{margin:3px 0 13px}.live{font-size:9.7px;color:#7fae78}.live i{display:inline-block;width:5px;height:5px;background:#69a75e;border-radius:50%;box-shadow:0 0 7px #69a75e}.price-row{display:flex;align-items:center;padding:17px;border:1px solid #24231e;border-radius:16px;background:#10100e}.gold-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-right:12px;background:linear-gradient(145deg,#f0d576,#8a6019);color:#1a1409;font:700 16px "Cormorant Garamond"}.price-row div{display:flex;flex-direction:column;gap:4px}.price-row div b{font-size:13.8px}.price-row small{font-size:9.7px;color:#777}.price-row>strong{margin-left:auto;text-align:right;font-size:15.2px}.price-row>strong small{display:block;color:#66a773;margin-top:4px}.chart{height:70px;display:flex;align-items:flex-end;gap:6px;padding:10px 17px 0}.chart i{flex:1;height:var(--h,40%);background:linear-gradient(to top,rgba(214,169,55,.08),rgba(214,169,55,.6));border-radius:3px 3px 0 0}.chart i:nth-child(1){height:28%}.chart i:nth-child(2){height:42%}.chart i:nth-child(3){height:35%}.chart i:nth-child(4){height:58%}.chart i:nth-child(5){height:50%}.chart i:nth-child(6){height:72%}.chart i:nth-child(7){height:65%}.chart i:nth-child(8){height:85%}.chart i:nth-child(9){height:92%;background:var(--gold)}.section-head>a{font-size:9.7px}.empty{text-align:center;padding:27px;border:1px dashed #292720;border-radius:16px;color:#65625c}.empty span{color:#8f702d;font-size:33.1px}.empty b{display:block;color:#99958c;font-size:12.4px;margin:9px}.empty p{font-size:9.7px;margin:0}.bottom-nav{position:fixed;z-index:10;bottom:0;width:100%;max-width:480px;margin-left:-20px;height:78px;padding:10px 18px 8px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(10,10,9,.97);border-top:1px solid #211f1a;backdrop-filter:blur(15px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#5e5b55;font-size:8.3px}.bottom-nav i{font-style:normal;font-size:24.8px}.bottom-nav .active{color:var(--gold)}.bottom-nav .trade i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-top:-30px;background:linear-gradient(145deg,#e3c15e,#8f6319);color:#171208;font-size:34.5px;box-shadow:0 5px 25px rgba(214,169,55,.25);border:4px solid #090908}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes twinkle{0%,100%{opacity:0}50%{opacity:.8;transform:translateY(-12px)}}@media(min-width:481px){body:before{content:"MOBILE PREVIEW";position:fixed;left:40px;top:40px;color:#3d3a32;font-size:11px;letter-spacing:.25em}}@media(max-height:720px){.auth-screen{padding-top:25px}.auth-brand{margin-bottom:18px}.logo-halo{width:88px;height:88px}.logo-halo img{width:68px;height:68px}.auth-card{padding-top:24px}.auth-title{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}