@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#09090b;--text-main:#fff;--text-muted:#a1a1aa;--border-color:#27272a;--btn-bg:#18181b;--btn-hover:#27272a;--accent-color:#8b5cf6;--accent-hover:#7c3aed;--panel-bg:#18181b;--input-bg:#09090b}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}@keyframes globalFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}body:before,body:after{content:"";filter:blur(120px);z-index:-1;pointer-events:none;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate floatBackground;position:fixed}body:before{background:var(--accent-color);opacity:.12;top:-150px;left:-150px}body:after{opacity:.08;background:#38bdf8;animation-delay:-10s;bottom:-150px;right:-150px}@keyframes floatBackground{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,80px)scale(1.1)}to{transform:translate(-30px,-50px)scale(.9)}}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#09090bcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 5%;animation:.6s cubic-bezier(.16,1,.3,1) forwards globalFadeIn;display:flex;position:sticky;top:0}.nav-left{font-size:20px;font-weight:500}.nav-center{gap:8px;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0d}.nav-right{align-items:center;gap:12px;display:flex}.btn-icon-outline{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-icon-outline:hover{background:#ffffff0d}.btn-filled{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .2s}.btn-filled:hover{background:var(--accent-hover)}.hero-container{text-align:center;opacity:0;flex-direction:column;align-items:center;padding:120px 20px 60px;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards globalFadeIn;display:flex;position:relative}.hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 65%);width:900px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-title{letter-spacing:-1px;color:#fff;margin-bottom:16px;font-size:60px;font-weight:600;line-height:1.1}.hero-title .highlight{color:var(--accent-color)}.hero-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:16px;font-weight:400}.hero-buttons{gap:16px;display:flex}.btn-large-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-large-primary:hover{background:var(--accent-hover)}.btn-large-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-large-outline:hover{background:#ffffff0d}.section-container{opacity:0;flex-direction:column;align-items:center;padding:80px 20px;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards globalFadeIn;display:flex}.section-title{margin-bottom:4px;font-size:24px;font-weight:500}.section-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:14px}.products-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:1100px;display:flex}.product-card{background:#111;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:100%;max-width:320px;transition:transform .2s;display:flex;position:relative}.product-card:hover{border-color:#8b5cf64d;transform:translateY(-5px)}.product-card.disabled{opacity:.5;filter:grayscale();max-width:260px}.product-card.disabled .product-image-container{height:120px}.product-card.disabled .product-title{font-size:16px}.product-card.disabled .product-desc{font-size:11px}.product-card.disabled .product-btn{padding:8px;font-size:12px}.product-card.disabled:hover{border-color:#ffffff0d;transform:none}.product-card-bg{z-index:0;background:linear-gradient(#8b5cf60d 0%,#0000 100%);border-top-left-radius:12px;border-top-right-radius:12px;height:120px;position:absolute;top:0;left:0;right:0}.product-card-content{z-index:1;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.product-badge{background:var(--accent-color);color:#fff;text-transform:uppercase;border-radius:4px;align-self:flex-start;margin-bottom:16px;padding:4px 10px;font-size:10px;font-weight:600}.product-image-container{background-color:#111;border:1px solid #ffffff0d;border-radius:8px;width:100%;height:220px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.product-image-container:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#111c 55%,#111 90%);height:100%;position:absolute;bottom:0;left:0;right:0}.product-image{object-fit:cover;width:100%;height:100%}.product-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:500}.product-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px;line-height:1.4}.product-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.product-btn:hover{background:var(--accent-color);border-color:var(--accent-color)}.page-container{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;display:flex}.panel{background:var(--panel-bg);border:1px solid var(--border-color);opacity:0;border-radius:12px;width:100%;max-width:400px;padding:30px;animation:.6s cubic-bezier(.16,1,.3,1) forwards globalFadeIn}.panel-title{text-align:center;margin-bottom:8px;font-size:20px;font-weight:600}.panel-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:13px}.input-group{flex-direction:column;margin-bottom:16px;display:flex}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500}.input-field{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color)}.error-text{color:#ff4d4f;text-align:center;background:#ff4d4f1a;border:1px solid #ff4d4f33;border-radius:4px;margin-bottom:16px;padding:8px;font-size:12px}.action-btn{background-color:var(--btn-bg);border:1px solid var(--border-color);color:#fff;cursor:pointer;border-radius:6px;width:100%;padding:10px 0;font-size:13px;font-weight:500;transition:all .2s}.action-btn:hover{background-color:var(--btn-hover)}.dash-panel{opacity:0;max-width:600px;margin:40px auto;animation:.6s cubic-bezier(.16,1,.3,1) forwards globalFadeIn}.dash-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.dash-header h2{font-size:18px;font-weight:500}.info-row{border-bottom:1px solid #1a1a1a;justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted)}.info-value{color:#fff;font-weight:500}