:root{--bg-color: #0d1117;--card-bg: rgba(22, 27, 34, .7);--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-gradient: linear-gradient(135deg, #1f6feb 0%, #58a6ff 100%);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(88,166,255,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(163,113,247,.1) 0px,transparent 50%);background-attachment:fixed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem;margin-top:2rem!important}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#fff,#8b949e);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{text-decoration:none;padding:.75rem 1.5rem;border-radius:999px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;font-family:inherit}.btn-outline{color:var(--text-primary);border:1px solid rgba(240,246,252,.2);background:transparent}.btn-outline:hover{background:#ffffff0d;border-color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--bg-color);font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.hero{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding-top:2rem;padding-bottom:2rem}.hero-content{flex:1;max-width:500px}.hero-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}h1{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;font-weight:700}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.sub-text{display:block;font-size:.75rem;opacity:.7;margin-top:.2rem;font-weight:400}.dashboard-preview{flex:1.2;perspective:1000px}.browser-frame{background:#000;border-radius:12px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff1a;transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s ease;overflow:hidden}.browser-frame:hover{transform:rotateY(0) rotateX(0)}.browser-header{background:#1c2128;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.browser-header .dots{display:flex;gap:6px}.browser-header .dots span{width:10px;height:10px;border-radius:50%;background:#40464e}.browser-header .dots span:nth-child(1){background:#ff5f56}.browser-header .dots span:nth-child(2){background:#ffbd2e}.browser-header .dots span:nth-child(3){background:#27c93f}.browser-header .address-bar{flex:1;background:#0d1117;padding:4px 12px;border-radius:6px;font-size:.8rem;color:#8b949e;text-align:center}.dashboard-mock{background:var(--bg-color);padding:2rem}.dashboard-mock .mock-header{display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-mock .mock-header h2{font-size:1.2rem}.dashboard-mock .mock-header .status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;background:#23863626;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--card-bg);border:1px solid rgba(240,246,252,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:1rem}.card .info-row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.card h3{margin-bottom:.5rem}.circular-chart-container{width:60%;margin:1rem auto}.circular-chart{display:block;max-width:100%}.circular-chart .circle-bg{fill:none;stroke:#f0f6fc1a;stroke-width:2.5}.circular-chart .circle{fill:none;stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .5s ease}.circular-chart .mock-ram-circle{stroke:#58a6ff}.circular-chart .mock-cpu-circle{stroke:#a371f7}.circular-chart .percentage{fill:var(--text-primary);font-weight:600;font-size:.5rem;text-anchor:middle}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:6rem}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:2rem;border-radius:16px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);background:#ffffff0a}.feature-card .icon{margin-bottom:1rem}.how-it-works{text-align:center;padding-bottom:6rem}.how-it-works .steps{display:flex;justify-content:center;align-items:flex-start;margin-top:3rem;gap:1rem}.how-it-works .step{max-width:200px}.how-it-works .step-number{display:inline-block;width:40px;height:40px;line-height:40px;background:var(--text-primary);color:var(--bg-color);border-radius:50%;font-weight:700;margin-bottom:1rem}.how-it-works .step-line{flex:1;height:1px;background:#ffffff1a;margin-top:20px;max-width:100px}footer{padding:6rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05)}footer h2{font-size:2.5rem;margin-bottom:2rem}footer .copyright{margin-top:3rem;color:var(--text-secondary);font-size:.9rem}@media (max-width: 900px){.container{padding:0 1.5rem}nav{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;margin-top:1rem!important}nav .logo{margin-bottom:.5rem}nav .btn{width:100%;justify-content:center}h1{font-size:2.5rem}.hero{flex-direction:column;text-align:center;gap:3rem;min-height:auto;padding-top:1rem}.hero-content{max-width:100%}.hero-content p{margin-left:auto;margin-right:auto}.hero-content .hero-actions{display:flex;flex-direction:column;align-items:center}.grid{grid-template-columns:1fr}.features{grid-template-columns:1fr;gap:1.5rem}.how-it-works .steps{flex-direction:column;align-items:center;gap:2rem}.how-it-works .step-line{display:none}}