:root{--blue:#1769ff;--dark:#0f172a;--muted:#64748b;--bg:#f8fbff;--line:#e5eefc}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#fff;color:var(--dark);direction:rtl}a{text-decoration:none;color:inherit}.container{max-width:1120px;margin:auto;padding:0 20px}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{font-size:28px;font-weight:800;color:var(--blue)}.menu{display:flex;gap:22px;color:#334155}.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 22px;border-radius:12px;border:0;cursor:pointer;font-weight:700}.btn.outline{background:#fff;color:var(--blue);border:1px solid var(--blue)}.hero{background:linear-gradient(180deg,#f2f7ff,#fff);padding:70px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero h1{font-size:44px;line-height:1.25;margin:0 0 15px}.hero p,.muted{color:var(--muted);line-height:1.9}.server{height:310px;border-radius:28px;background:radial-gradient(circle at 20% 20%,#bfdbfe,transparent 30%),linear-gradient(135deg,#fff,#eaf3ff);box-shadow:0 20px 60px #dbeafe;display:flex;align-items:center;justify-content:center}.rack{width:260px}.rack div{height:54px;background:#fff;border:1px solid #cfe0ff;border-radius:14px;margin:12px;box-shadow:0 8px 24px #dbeafe}.searchbox{background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px #e8f1ff;border-radius:20px;padding:18px;display:flex;gap:10px;margin-top:25px}.searchbox input,.form-control,select,textarea{width:100%;padding:13px;border:1px solid #dbe7fb;border-radius:12px;font-size:15px}.section{padding:60px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:0 12px 35px #eef5ff}.price{font-size:34px;color:var(--blue);font-weight:900}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#f8fbff;border:1px solid var(--line);padding:20px;border-radius:18px}.footer{background:#0f172a;color:#cbd5e1;padding:35px 0;margin-top:50px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid #e2e8f0;padding:12px;text-align:right}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f172a;color:#fff;padding:22px;position:fixed;top:0;bottom:0;right:0}.sidebar a{display:block;padding:12px;border-radius:10px;color:#dbeafe}.sidebar a:hover{background:#1e293b}.main{margin-right:240px;padding:28px;width:calc(100% - 240px);background:#f8fafc;min-height:100vh}.login{max-width:420px;margin:80px auto}.alert{padding:12px;border-radius:12px;margin:10px 0}.ok{background:#dcfce7}.err{background:#fee2e2}@media(max-width:800px){.grid,.cards,.features{grid-template-columns:1fr}.menu{display:none}.main{margin-right:0;width:100%}.sidebar{display:none}.hero h1{font-size:32px}.searchbox{flex-direction:column}}