:root{--bg-black:#0d0d0d;--sidebar-bg:#000;--card-bg:#1a1a1a;--text-main:#fff;--text-dim:#a0a0a0;--accent:#fff}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg-black);color:var(--text-main);max-width:100%;display:flex;overflow-x:hidden}.sidebar{background:linear-gradient(#000,#001f1f);flex-direction:column;align-items:center;width:85px;height:100vh;padding:25px 0;display:flex;position:fixed;box-shadow:0 0 25px #00ffff40}.logo-box img{border-radius:8px;width:40px;margin-bottom:40px}.side-menu{flex-direction:column;gap:35px;margin-top:40px;display:flex}.side-menu i{color:#555;cursor:pointer;font-size:20px;transition:all .3s}.side-menu i:hover,.side-menu i.active{color:#0ff;text-shadow:0 0 15px #0ff}.main-content{width:calc(100% - 80px);margin-left:80px;padding:110px 20px 20px}.title{letter-spacing:1.5px;background:linear-gradient(90deg,#0ff,#00bfff,#0ff) 0 0/300%;-webkit-text-fill-color:transparent;text-shadow:1px 1px #08f,2px 2px #06c,3px 3px #049,0 0 15px #0ff,0 0 30px #0ff,0 0 45px #00ffff80;-webkit-background-clip:text;font-size:26px;font-weight:900;animation:4s linear infinite glowMove}@keyframes glowMove{0%{background-position:0%}to{background-position:200%}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;border-bottom:1px solid #00ffff30;justify-content:space-between;align-items:center;width:calc(100% - 80px);padding:18px 40px;display:flex;position:fixed;top:0;left:80px;box-shadow:0 2px 20px #00ffff20}.nav-center{gap:30px;display:flex}.nav-left{align-items:center;gap:25px;display:flex}.nav-right{gap:15px;display:flex}.nav-item{color:#aaa;font-size:15px;text-decoration:none;transition:all .3s}.nav-item:hover,.nav-item.active{color:#0ff}.nav-links a{color:var(--text-dim);font-size:14px;text-decoration:none;transition:all .3s}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.btn-signin,.btn-signup{color:#000;cursor:pointer;background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:30px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #00ffff60}.btn-signin:hover,.btn-signup:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.about-hero{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#11111180,#00ffff20);border:1px solid #00ffff30;border-radius:30px;grid-column:span 3;justify-content:space-between;align-items:center;padding:40px;display:flex}.about-left span{color:#0ff;letter-spacing:1px;font-size:14px}.about-left h2{margin:15px 0;font-size:28px}.about-right img{border-radius:25px;width:220px}.card{cursor:pointer;color:#fff;background:linear-gradient(135deg,#111,#001f1f);border:1px solid #00ffff30;border-radius:25px;padding:25px;text-decoration:none;transition:all .3s}.card:hover{transform:translateY(-8px);box-shadow:0 0 30px #00ffff50}.hero-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#11111180,#00ffff20);border:1px solid #00ffff30;border-radius:30px;grid-column:span 3;justify-content:space-between;align-items:center;display:flex}.hero-info span{color:var(--text-dim);font-size:12px}.hero-info h1{margin:10px 0;font-size:36px}.hero-info p{color:#ccc;font-size:14px}.hero-visual img{width:200px}.biz-btn{color:#000;background:linear-gradient(135deg,#0ff,#08f);border-radius:30px;padding:14px 30px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 0 20px #00ffff70}.biz-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff}.hero-visual img{border-radius:50%;width:140px}.graph-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#11111190,#00ffff20);border:1px solid #00ffff30;border-radius:25px}.graph-placeholder{background:#111;border-radius:15px;align-items:flex-end;gap:12px;height:200px;margin-top:25px;padding:15px;display:flex}.image-card{text-align:center;background:linear-gradient(135deg,#111,#001f1f);border:1px solid #00ffff30;border-radius:25px;padding:25px;transition:all .3s}.image-card:hover{transform:translateY(-6px);box-shadow:0 0 25px #00ffff40}.image-box{border-radius:20px;width:160px;height:160px;margin:0 auto 20px;overflow:hidden}.image-box img{object-fit:cover;width:100%;height:100%}.bar:first-child{background:linear-gradient(#ff3c78,#ff7a18);height:60%}.bar:nth-child(2){background:linear-gradient(#08f,#0ff);height:80%}.bar:nth-child(3){background:linear-gradient(#38f9d7,#43e97b);height:70%}.phone-card img{border-radius:20px;width:170px;max-width:100%;height:auto;box-shadow:0 0 30px #00ffff40}.phone-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#11111190,#00ffff20);border:1px solid #00ffff30;justify-content:center;align-items:center;display:flex}body{background:radial-gradient(circle at 20% 30%,#00ffff30,#0000 50%),radial-gradient(circle at 80% 70%,#ff3c7830,#0000 50%),#000}.phone-btn{color:#000;background:linear-gradient(135deg,#0ff,#08f);border-radius:30px;padding:14px 30px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 0 20px #00ffff70}.phone-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff}.info-card{grid-column:span 1.5;cursor:pointer;transition:all .3s}.info-card:hover{transform:translateY(-5px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{text-align:center;background:#111;border:1px solid #333;border-radius:30px;width:400px;padding:40px;position:relative}.input-group input{color:#fff;background:#000;border:1px solid #333;border-radius:10px;width:100%;margin:10px 0;padding:15px}.main-submit{cursor:pointer;background:#fff;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-weight:700}.social-btns button{color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;width:100%;margin-top:10px;padding:10px;font-size:14px}.close-btn{cursor:pointer;font-size:24px;position:absolute;top:20px;right:25px}.avatar-wrapper{cursor:pointer;position:relative}#profile-img{border:2px solid #333;border-radius:50%;width:40px;height:40px}.logout-dropdown{color:#000;cursor:pointer;background:#fff;border-radius:10px;padding:10px 20px;font-weight:700;position:absolute;top:50px;right:0}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.hero-card{grid-column:span 2}}@media (max-width:768px){.sidebar{display:none}.main-content{width:100%;margin-left:0}.dashboard-grid{grid-template-columns:1fr}.hero-card{text-align:center;flex-direction:column;grid-column:span 1}.nav-links{display:none}.modal-box{width:90%}}.hidden{display:none!important}.text-3d{letter-spacing:1px;color:#0ff;text-transform:uppercase;text-shadow:1px 1px #08f,2px 2px #06c,3px 3px #049,0 0 10px #0ff,0 0 20px #0ff;font-size:16px;font-weight:800;transition:all .3s}.glow-3d{color:#0ff;text-transform:uppercase;text-shadow:1px 1px #08f,2px 2px #06c,3px 3px #049,0 0 15px #0ff,0 0 30px #0ff;font-size:18px;font-weight:800}.qme-logo-luxury{letter-spacing:2.5px;text-transform:uppercase;background:linear-gradient(90deg,#6d28ff,#c4b5fd,#fff);-webkit-text-fill-color:transparent;text-shadow:0 1px 2px #00000080;cursor:pointer;-webkit-background-clip:text;font-size:26px;font-weight:700;transition:all .3s}.qme-logo-luxury:hover{letter-spacing:3px;transform:translateY(-1px)}.qme-logo-luxury span{color:#fff;opacity:.85;font-weight:500}@keyframes purpleFlow{0%{background-position:0%}to{background-position:200%}}@media (max-width:768px){.sidebar{display:none!important}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000f2;border-bottom:1px solid #0ff3;flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky;top:0;width:100%!important;padding:14px 16px!important;left:0!important}.nav-center{display:none!important}.nav-left{justify-content:center;width:100%}@media (max-width:768px){.qme-logo-luxury{letter-spacing:2px;font-size:22px}}.nav-right{justify-content:center;gap:12px;width:100%}.btn-signin,.btn-signup{border-radius:30px;width:45%;padding:12px 0;font-size:15px}.main-content{width:100%!important;margin-left:0!important;padding:16px!important}.dashboard-grid{gap:18px;grid-template-columns:1fr!important}.card{border-radius:22px;padding:20px!important}.hero-card,.about-hero{text-align:center;flex-direction:column;gap:18px;grid-column:span 1!important}.hero-info h1{font-size:1.4rem;line-height:1.3}.hero-visual img,.image-box img{border-radius:18px;margin:0 auto}.phone-btn,.biz-btn{width:100%;padding:14px 0;font-size:15px}}