@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}body{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a1a,#050505) fixed;justify-content:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{box-sizing:border-box;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 20px 120px;position:relative}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a1a1a1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.accent-gradient{background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fadeIn}.pulse{animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;scale:1}50%{opacity:.8;scale:1.02}to{opacity:1;scale:1}}.diamonds-container{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.floating-diamond{animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-50px}@keyframes fall{0%{opacity:0;transform:translateY(-50px)rotate(0)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.app-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.logo{letter-spacing:2px;margin:0;font-size:1.2rem;font-weight:800}.status-badge{color:#00f2fe;background:#00f2fe1a;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.7rem;font-weight:600;display:flex}.pulse-dot{background:#00f2fe;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:1;transform:scale(1);box-shadow:0 0 #00f2feb3}70%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 10px #00f2fe00}to{opacity:1;transform:scale(1);box-shadow:0 0 #00f2fe00}}.quote-section{text-align:center;padding:20px 0}.label{color:gray;letter-spacing:3px;margin-bottom:8px;font-size:.8rem;font-weight:300}.huge-number{letter-spacing:-2px;white-space:nowrap;margin:10px 0;font-size:clamp(3.5rem,15vw,6rem);font-weight:800;line-height:1}.currency-label{color:#404040;font-size:1rem;font-weight:600}.market-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.market-card{flex-direction:column;gap:12px;padding:20px;display:flex}.card-header{color:gray;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.price-value{font-size:1.25rem;font-weight:600}.icon-up{color:#0f8}.icon-down{color:#ff4d4d}.info-section{flex-direction:column;gap:16px;padding:24px;display:flex}.info-row{color:#a1a1a1;justify-content:space-between;font-size:.9rem;display:flex}.info-row span:last-child{color:#fff;font-weight:600}.text-up{color:#0f8}.text-down{color:#ff4d4d}.accent-color{color:#00f2fe}.content-area{flex-direction:column;gap:24px;display:flex}.view-title{background:linear-gradient(135deg,#fff 0%,#a1a1a1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.5rem;font-weight:700}.mock-view{flex-direction:column;gap:20px;display:flex}.support-list{flex-direction:column;gap:12px;display:flex}.support-item{cursor:pointer;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.support-item:hover{background:#ffffff0f;transform:translate(4px)}.support-content{flex:1}.support-content h3{color:#fff;margin:0;font-size:.95rem}.support-content p{color:gray;margin:4px 0 0;font-size:.75rem}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.history-date{flex-direction:column;gap:2px;display:flex}.history-date .day{color:#fff;font-size:.9rem;font-weight:600}.history-date .time{color:gray;font-size:.7rem}.history-values{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.val-bid{color:#00f2fe;font-size:.95rem;font-weight:600}.val-change{font-size:.75rem;font-weight:500}.bottom-menu{z-index:1000;justify-content:space-around;align-items:center;width:90%;max-width:420px;height:72px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}.nav-item{color:#404040;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;transition:all .3s;display:flex}.nav-item span{font-size:.65rem;font-weight:500}.nav-item.active{color:#fff}.nav-item:hover{color:#a1a1a1}.loading-shimmer{background:linear-gradient(90deg,#111 25%,#222 50%,#111 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer;color:#0000!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=480px){.huge-number{font-size:5rem}.app-container{gap:24px}}@media (width<=380px){.huge-number{font-size:4rem}.quote-section{padding:10px 0}.logo{font-size:1rem}}@media (height<=700px){.huge-number{margin:5px 0;font-size:4.5rem}.app-container{gap:16px}}
