:root{--bg-color: #050505;--card-bg: rgba(255, 255, 255, .03);--primary: #00d084;--secondary: #007aff;--accent: #ffd700;--text-main: #ffffff;--text-dim: #888888;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main)}h1,h2,h3,.tech-font{font-family:Orbitron,sans-serif;letter-spacing:2px}.container{max-width:1400px;margin:0 auto;padding:0 20px}.action-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary) 0%,#00b074 100%);color:#000;border:none;border-radius:0;font-weight:950;font-size:.85rem;text-transform:uppercase;letter-spacing:2.5px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 0 20px #00d08433}.action-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#ffffff4d;transform:rotate(30deg);transition:all .6s}.action-btn:hover{box-shadow:0 0 30px #00d08480;transform:translateY(-3px);filter:brightness(1.1)}.action-btn:hover:after{left:140%}.action-btn.disabled{background:#111;color:#444;cursor:not-allowed;box-shadow:none;border:1px solid #222}.action-btn:active:not(.disabled){transform:scale(.96)}.glass-panel{background:#141414e6;border:1px solid var(--glass-border);border-radius:0}@media (min-width: 768px){.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background:#080808fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #1a1a1a;display:flex;justify-content:space-around;align-items:center;z-index:2000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:#444;cursor:pointer;font-size:.6rem;font-weight:900;letter-spacing:1px;transition:all .3s}.nav-item.active{color:var(--primary)}.nav-icon-wrapper{padding:8px;border-radius:12px;transition:all .3s}.nav-item.active .nav-icon-wrapper{background:#00d0841a}.skeleton{background:linear-gradient(90deg,#111 25%,#1a1a1a,#111 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:flex-end;justify-content:center}.modal-content{background:#080808;width:100%;max-width:500px;border-top:3px solid var(--primary);border-left:1px solid #111;border-right:1px solid #111;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 -20px 60px #000c}@media (min-width: 768px){.overlay{align-items:center}.modal-content{border:1px solid #222;border-top:4px solid var(--primary);max-height:80vh}}.close-btn{position:absolute;top:15px;right:15px;background:#ffffff0d;border:none;color:#666;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;transition:all .3s}.close-btn:hover{background:#ff453a1a;color:#ff453a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.tabs-container::-webkit-scrollbar{display:none}